/* Start of CMSMS style sheet 'CrystalClear' */
.image_left {float:left; margin-right:10px;}
.image_right {float:right; margin-left:10px;}


body {
	font-family:"Times New Roman", Times, serif;
	background: #f8f6f9 url(uploads/images/template/bg_body.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1{/*font-family:"Times New Roman", Times, serif;*/ color:#932f86; font-weight:normal; line-height:1.3em; font-size:1.6em; letting-spacing:0.01em; margin-top:0;}
h2,h3,h4,h5,h6 {color:#e65e9a;}

p {color:#7a5198; font-size:15px; /*1.05em;*/ margin-bottom:1em;}

a, a:visited {outline:none;}
div#maincontent a:link, div#maincontent a:visited {color:#E65E9A;}
div#maincontent a:hover, div#maincontent a:active {color:#932F86;}

.mceContentBody {
text-align:left; 
font-size: 1.2em;
line-height: 1.6em;
}
.mceContentBody table {border:1px solid black;}

div#sitewrapper {width: 986px; margin: 30px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */}
#pagewrapper {
	/*height:554px;*//*was534*/
	/*background: #FF0000 url(uploads/images/template/template.gif) no-repeat -5px -5px;*/
	background-color:#f8f6f8;
	
	padding:13px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:#fff solid 5px;
}
#contentwrapper {
	background-color:#fff;
	padding:10px;
	/*overflow:auto;*/
	width:930px;/*IE6*/
}

div#maincontent {
	width:650px;
	float:left;
	margin-bottom:50px;
}

/********************* Styling *********************** */

div#bodycontent ul, div#bodycontent ol {color:#7a5198;}

/* ******************** Navigation ******************** */

div#top_nav a {padding-top:0; float:right; font-size:16px; text-decoration:none; font-weight:bold;}
div#top_nav a:link, div#top_nav a:visited {color: #E65E9A;}
div#top_nav a:hover {color: #932F86;}

div#banner {clear:both; float:left; margin:10px; height:65px;}
div#banner p {color:#932F86;font-size:1.6em;font-weight:normal;line-height:1.3em;
margin:0 0 0.5em 0;}

div#navcontainer {
	width:223px; /*was 276*/
	float:left;
	margin-right:30px;
}

div#navcontainer p {
	margin:0;
	padding:0;
}

div#navcontainer p a {
	display:block;
	text-indent:-9999em;
	width:210px;
	height:90px;
	margin-left:13px;
	background:transparent url(uploads/images/template/logo.jpg) no-repeat;
}

div#navwrapper {
	margin:0;
	padding-top:10px; /*was 20*/
	/*background:transparent url(uploads/images/template/nav_line2.gif) 30px 10px no-repeat;*/
	/*height:290px;*//*239*/
	font-size:16px;
}
/*
div#navcontainer ul {
	margin:0;
	list-style-position:inside;
}

div#navcontainer ul li{
	padding:0 0 3px 40px;
	margin:0;
	list-style:none;
	background: transparent url(uploads/images/template/bullet_even.gif) 0 2px no-repeat;
	
}

div#navcontainer ul li:hover {background:transparent url(uploads/images/template/anim_menu2.gif) 0 2px no-repeat;}

div#navcontainer ul li.odd:hover {background:transparent url(uploads/images/template/anim_menu1.gif) 0 2px no-repeat;}


div#navcontainer ul li.odd{
	background: transparent url(uploads/images/template/bullet_odd.gif) 0 2px no-repeat;
}

div#navcontainer ul a, div#navcontainer ul a:visited {
	font-size:1.5em;
	color:#ea82af;
	text-decoration:none;
}

div#navcontainer ul a:hover, div#navcontainer ul a.currentpage {
	color:#7a5198;
} 
*/

/*Accordian nav*/
ul#primary_nav {margin:0;}
ul#primary_nav li {margin-left:0.85em;}
	ul#primary_nav a {display: block; padding: 2px 5px; text-decoration: none;}
	ul#primary_nav a:hover {color:#7A5198;}
	ul#primary_nav a.menuactive {color:#7A5198;}
	ul#primary_nav, ul#primary_nav ul {list-style: none; }
	ul#primary_nav a.parent_title {border: 1px solid #7A5198; border-bottom: none; padding-left: 15px; color:#7A5198; cursor: pointer;}
	ul#primary_nav a.parent_title:hover {background-color:#EA82AF}
	ul#primary_nav a {color:#EA82AF; border: 1px solid #EA82AF; border-bottom: none}
	ul#primary_nav li.last_parent {border-bottom: 1px solid #7A5198}
	ul#primary_nav li.no_border {border-bottom: none!important;}
	ul#primary_nav li.last_item {border-bottom: 1px solid #EA82AF} /*should only apply if last menu item doesn't have submenu*/
	
	
	ul#primary_nav ul {border-top: 1px solid #7A5198; display: none; margin:0;}
	ul#primary_nav ul.active {display:block;}
	ul#primary_nav ul a {color:white; background-color:#7A5198; /*border: 1px solid white; border-top: none; border-right-color:#7A5198*/ border:none; margin-bottom: 1px  }
	ul#primary_nav ul a:hover {background-color:#EA82AF}
	ul#primary_nav ul a.menuactive {background-color:#EA82AF}
	ul#primary_nav ul a.last {margin-bottom:0;}

/* ********************* Body Content (all except homepage) ************** */

div#bodycontent {
	width:631px;
	/*height:443px;*//*423*/
	padding:10px 10px 30px 10px;
	border :1px solid #e65e9b;
	overflow:auto;
	background-color:#f6e4ed;
	font-size:15px;
	clear:both;
}

div#bodycontent h1{font-weight:bold;}

/* ******************** Slideshow ******************** */

div#slideshowcontainer {
	width:651px;
	height:292px;
	clear:both;
	/*background-color:#FF3366;*/
}
div#slideshow {
	height:262px;
	border:1px solid #ff3366;
	overflow:hidden;
}

div#slideshow h2 {
	font-size:20px;
}

div#slideshow p {
	color:#7a5198;
	font-size:1.2em;
	line-height:1.4em;
}

/*div#slideshow img {border-top:1px solid #ff3366;}*/

div#slideshow .large_left_image {
	float:left;
	border-right:1px solid #ff3366;
}

div#slideshow .large_left_image img {width:375px ; height:262px;}

div#slideshow .large_right_image {
	float:right;
	border-left:1px solid #ff3366;	
	/*border-right:1px solid #ff3366;
	border-top: none;*/
}
div#slideshow .large_right_image img {width:375px ; height:262px;}

/*div#slideshow .small_right_image {border-right:1px solid #ff3366;}*/
/*div#slideshow .small_left_image {border-left:1px solid #ff3366;}*/

div#slideshow .small_left_image img {width:273px ;height:130px;}
div#slideshow .small_right_image img {width:273px ;height:130px;}

div#slideshow .right_text {
	float:right;
	width:233px;
	height:131px;
	padding:0 20px;
	overflow:hidden;
	border-bottom:1px solid #ff3366;
}

div#slideshow .left_text {
	float:left;
	width:233px;
	height:131px;
	padding:0 20px;
	overflow:hidden;
	border-bottom:1px solid #ff3366;
}

div#slideshowcontrols {
	width:649px;
	height:22px;
	margin-top:6px;
	border:1px solid #7a5198;
	background-color:#e65e9a;
}

div#slideshowcontrols a {
	float:left;
	color:#dad0e5!important;
	font-size:14px;
	line-height:22px;
	margin:0 10px 0 0;
	padding:0 5px;
	text-decoration:none;
}

div#slideshowcontrols a:hover {color:#fff!important;}

div#slideshowcontrols a.activeSlide {font-weight:bold; color:#fff!important;}

/* ******************** Tagline ******************** */
div#tagline {
	clear:both;
	text-align:center;
	font:1.5em/1.2em "Times New Roman", Times, serif;
	margin:12px 0 0 54px;
}

div#tagline p {
	margin-bottom:1em;
	letter-spacing:0.05em;
}


/* ******************** Bullet Points (below slideshow) ******************** */
div#bulletpoints {

	/*margin:0 0 0 30px;*/
	text-align:center;
	overflow:auto;
}

div#bulletpoints ul {
	margin:0 0 10px 0;
	list-style:square inside;
	list-style-image:url(uploads/images/template/bullet_sm.gif);
}

div#bulletpoints ul li {
	display:inline;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:10px;
	font-size:1.4em;
	letter-spacing:0.05em;
	color:#7a5198;
/*use background image instead of bullet*/
	background: transparent url(uploads/images/template/bullet_sm.gif) left center no-repeat;
	padding:0 20px 0 15px;
}

/* ******* Homepage Blocks ************* */
.homepage_block {width: 194px; overflow:hidden; float:left;}
.homepage_block h3 {color:white; background-color:#E65E9A; padding:2px 5px; margin:0 0 4px 0;}
.homepage_block p {margin:3px 0 0 0; line-height:1em;}
.homepage_block a {text-decoration:none!important;}
div#doors_block {margin:0 34px;}

div#extra_info, div#homepage_news {clear:both; float:left; margin-top:20px; width:100%;}
div#homepage_news {margin-bottom:30px;}
div#extra_info h3, div#homepage_news h3 {color:white; background-color:#E65E9A; padding:2px 5px; margin:0 0 7px 0;}
div#extra_info p, div#homepage_news p {margin-top:0px; margin-bottom:1em;}

/*Equidistant stuff*/
ul.equal {
	clear:both;
	padding-left:9em;
	margin:0;
	height:auto;
	background:white url(uploads/images/template/bg_phone.gif) center top repeat-x;
	border-bottom:5px solid #e65e9a;
	list-style: none outside;
}
.equal:after{content:".";clear:both;visibility:hidden;height:0px;display:block}

.equal li {
	min-width:9em;
	float:left;
}
.equal .n1{margin-left:-9em;display:inline;/*fix ie6 double margin float bug*/}
.equal .n2, .equal .n3,.equal .n4{width:30.3%!important;text-align:right;width:30.2%; margin:0;}/*ie6 causes problems due to rounding-up so use a slightly smaller percentage for it.*/

.equal a, .equal a:link, .equal a:visited {
	height: 3em;
	display:block;
	margin:0 0 0 auto;/*right aligns a block element in the good browsers*/
	padding:0;
	width: 9em;
	text-align:center;/*to override the text-align required for ie6 for the parent li*/
	text-decoration:none;
	text-transform:uppercase;
	color:#7a5198;
	font-size:1.4em;
	line-height:1.4em;
}

.equal li.n1 a {margin:0;}
/*End Equidistant Stuff*/

/* ******************** Footer Logos ******************** */
div#logos {
	margin-top:7px;
}

/* 3d preview / gallery*/
.thumb {width:125px;}
.picturelist {margin-left:30px;}
#TB_caption {height:auto; padding-right:15px; width:315px;}


/* ******************** Product Detail Page ******************** */
div.item_images {float:left; margin-right:20px;}
td {vertical-align:top;}

table#product_table {margin-left: -6px; border-spacing: 5px 25px;}
table#product_table td.content {border:1px solid #E65E9B; width:204px; background-color:white;}

table#product_table div.product_pic {height:192px; background-color: #d5d7ee; padding:15px 6px; text-align:center}
table#product_table div.product_name {padding:6px;}

/* ******************** Footer Nav ******************** */
div#footer_nav {text-align:right;}
/* End of 'CrystalClear' */