/* Start of CMSMS style sheet 'reset' */
body {
	padding:0;
	margin:0;
	font: 16px Calibri, Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, pre, code {
	padding:0;
	margin:0;
	line-height:1em;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}
div, p {
	border:0;
	padding:0;
	margin:0;
	font-size:100%;
}
img {
	border:0;
}
#navigation, #navigation li {
	padding:0;
	margin:0;
	line-height:1em;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}
/* End of 'reset' */


html, body {
	height: 100%;
	width: 100%;
}
body {
	background-color: #ffffff;
	/*text-align: center;*/
	
}
h1 {
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 12px;
	margin-top: 15px;
	color: #262b70;
	font-family: Century Gothic, Calibri;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 7px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 12px;
	color: black;
}

p {
	font-size: 16px;
	padding-bottom: 7px;
	line-height: 22px;
}

li {
	font-size: 16px;
}

#wrapper {
	width: 1000px;
	margin: 0px auto;
	/*text-align: left;*/
}
#contentwrapper {
	border-color: #333333;
	border-style: ridge;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	width: 1000px;
	background: url("../img/wrapperbg.jpg");
}
#content {
	border-color: black;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	width: 620px;
	padding: 15px;
	background-color: #f8f8f8;
	float: left;
}
#controls {
	width: 320px;
	float: right;
	padding: 15px;
}
#navigation {
	list-style-type: none;
	padding: 0px;
	margin: 10px 0px 8px 0px;
}

#navigation li {
	display: inline;
	margin-right: 7px;
}

#navigation a {
	text-decoration:none;
	font-family: Century Gothic, Calibri;
	font-size: 18px;
	padding: 5px 25px 5px 15px;
	border: 1px solid #bababa;
	background-color: #d9d9d9;
	color: #3d3d3d;
}
#navigation a:hover {
	color: #3d3d3d;
	text-decoration: none;
	background-color: #c7c7c7;
}
#navigation .active{
	color: #3d3d3d;
	text-decoration: none;
	background-color: #c7c7c7;
}
#navigation a:visited {
	text-decoration:none;
}

#notification {
	border: 3px solid #518c4b;
	background-image: url("../img/notificationbg.jpg");
	height: 45px;
	font-size: 28px;
	color: #25651e;
	width: 595px;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 15px;
}

#ordertable {
	border-collapse: collapse;
	margin: 10px auto;
}
#ordertable td {
	padding: 5px;
}
#ordertable .ordertablerow td {
	border-bottom: 1px solid #dfdfdf;
}
#ordertable .alt td {
	background-color: #f8f8f8;
}
#ordertable .edit td {
	background-color: #eaeaea;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #9c9c9c;
}
#ordertable .ordertableheader th {
	text-transform: uppercase;
	border-bottom: 1px solid #9c9c9c;
	background-color: #dfdfdf;
	color: #5f5f5f;
	font-size: smaller;
	text-align: left;
	padding-left: 5px;
}
#ordertable .ordertabletotal td {
	font-weight: bold;
}

#new_gallery, #new_pricelist {
	border: 1px solid #aaaaaa;
	background-color: #dfdfdf;
	padding: 10px;
	color: #444444;

}

#gallery_index {
	border: 1px solid #aaaaaa;
	padding: 10px;
	color: #444444;
	background-color: #efefef;	
	width: 258px;
	float: left;
	margin: 15px;
}

#photo_thumb {
	width: 129px;
	float: left;
	border: 1px solid #aaaaaa;
	background-color: #efefef;
	padding: 5px;	
	margin: 7px;
	text-align: center;
}

#photo_thumb img {
	width: 129px;
	
}

.form-left {
	width: 150px;
	text-align: right;
	float: left;
	padding: 4px;
}
.form-left-small {
	width: 75px;
	text-align: right;
	float: left;
	padding: 4px;
}
.form-right {
	width: 400px;
	float: left;
	padding: 4px;
}
.required {
	font-weight: bold;
}
fieldset {
	border: 1px solid #dfdfdf;
	padding: 10px;
}
legend {
	text-transform: uppercase;
	color: #aaaaaa;
	font-size: smaller;	
}
.button {
	padding: 10px 50px;
	margin-left: 10px;
}
.error {
	color: red;
	font-weight: bold;
}

.lighter {
	color: #ababab;
	font-style: italic;
}
.singleimage {
	padding: 7px;
	margin: 10px auto;
	border: 1px solid #bbbbbb;
	background-color: #f8f8f8;
}


#bigcart .cartHeaders {
	display: none;
}
#bigcart .itemContainer {
	width: 129px;
	float: left;
	text-align: center;
	border: 1px solid #dfdfdf;
	background-color: #f8f8f8;
	margin: 7px;
	padding: 5px;
	color: #939393;
	font-family: Century Gothic, Calibri;
}
#bigcart .itemContainer img {
	width: 129px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#bigcart .itemName{
	font-size: 12px;
}
#bigcart .itemQuantity{
	color: #666666;
	background-color: #dedede;
	font-size: 16px;
	font-weight: bold;
	width: 20px;
	padding: 5px;
	margin: 5px auto;
}
#bigcart .itemdecrement {
	float: left;
	width: 14px;
	margin-top: -35px;
	margin-left: 30px;
}

#bigcart .itemdecrement img {
	width: 14px;
	height: 21px;
}

#bigcart .itemincrement {
	float: right;
	width: 14px;
	margin-top: -35px;
	margin-right: 31px;
}

#bigcart .itemincrement img {
	width: 14px;
	height: 21px;
}

#logout {
	float: right;
	margin-right: 120px;
	margin-top: 5px;
}
#logout a {
	text-decoration: none;
}
#logout a:visited {
	text-decoration: none;
}


#header { padding: 36px 0 72px 0; background-color: #1B1B1B;
margin-left: auto;
    margin-right: auto;
    width: 964px;
    }
	#title, #slogan { margin: 0; padding: 0; line-height: 1.25em; }
	#title { font-weight: bold; }
	#slogan { font-weight: bold; }

	#menu-wrapper {
		border-bottom: 1px dashed #CCC;
		position: relative;
		z-index: 2;
	}
	
	#menu { height: 36px; }		
		#menu ul {
			left: 0;
			list-style: none;
			margin: -36px 0 0 0;
			padding: 0;		
			position: absolute;
		}
			#menu ul li { display: inline-block; float: left; margin-right: 3px; }
				#menu ul li a {
					background: #606060 url(images/menu-shadow.png) bottom repeat-x;
					display: block;
					height: 36px;
					padding: 0 30px;

					line-height: 36px;
					text-decoration: none;
				}
				#menu ul li a.current, #menu ul li a.current-ancestor { background-image: url(images/menu-gradient.png); opacity: 1 !important; }
				
				#menu ul ul {
					display: none;
					left: 0;
					margin: 0;
					position: absolute;
					top: 36px;
				}
				#menu > ul > li.current > ul, #menu > ul > li.current-ancestor > ul { display: block; }
					#menu ul ul li { position: relative; margin-right: 0; }
						#menu ul ul li a {
							padding: 0 18px;
						
							font-size: 12px;

							border-radius: 0;
							-moz-border-radius: 0;
							-webkit-border-radius: 0;
						}
						#menu ul ul li a.current, #menu ul ul li a.current-ancestor{ background-image: none; }
						#menu ul ul li a.parent { background: url(images/icon-arrow-down.png) right no-repeat; }
						
						#menu ul ul ul{ position: absolute; top: 36px; left: 0; width: 200px; }
						#menu ul ul li:hover > ul { display: block; }
							#menu ul ul ul li { display: block; float: left; }
							#menu ul ul ul li:last-child > a { border-bottom: 1px dashed #CCC; }
								#menu ul ul ul li a {
									display: block;
									height: auto;
									line-height: 18px;
									padding: 9px 18px;
									width: 164px;
								}
								#menu ul ul ul li a.parent { background-position: 180px 50%; background-image: url(images/icon-arrow.png); }
								
								#menu ul ul ul ul { top: 0; left: 200px; opacity: 1; }
								
#header, #menu, #content-wrapper, #footer { position: relative; margin: 0 auto; }

#header-wrapper { background-color: #1B1B1B;
    }
#menu-wrapper { border-top-color: #1B1B1B; }
#menu {
margin-left: auto;
margin-right: auto;
width: 900px;
}
#menu-wrapper, #menu ul ul ul li:last-child > a{ border-bottom-color: #400080; }

#title{ color: #FFFFFF; }
#slogan{ color: #999999; }

#menu ul li a{ color: #B1C3C6; background-color: #4F5464; }
#menu ul li a:hover{ color: #FFFFFF; background-color: #778297; }
#menu ul li a.current, #menu ul li a.current:hover, #menu ul li a.current-ancestor, #menu ul li a.current-ancestor:hover{ color: #FFFFFF; background-color: #400080; }
#menu ul ul, #menu-wrapper, #menu ul ul ul li a, #menu ul ul ul li a.parent{ background-color: #400080; }
#menu ul ul ul{ background-color: transparent; }
#menu ul ul li a{ color: #FFFFFF; background-color: #400080; }
#menu ul ul li a:hover{ color: #000000; background-color: #400080; }
#menu ul ul li a.current, #menu ul ul li a.current:hover, #menu ul ul li a.current-ancestor, #menu ul ul li a.current-ancestor:hover{ color: #000000; background-color: #400080; }
#footer-wrapper { padding: 9px 0; border-top: 1px dashed #CCC; background-color: #400080; margin-top: 50px;}
#footer-wrapper { color: #FFFFFF; border-color: #191919; }
#footer-wrapper a { color: #FFFFFF; }
#footer-wrapper a:hover { color: #FFFFFF; }
#footer{ text-align: center;}
#menu ul li a{
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
}