/*administration*/ #divAdmin { font-family: Sans-Serif, Verdana; font-size: 11px; margin: 0 0 20px 0; min-height: 500px; background:#FFFDF8; padding:20px; margin:20px 0 0 0; } #divAdmin img { border: none; } #divAdmin h1, h2, h3, h4, h5, h6 { margin: 0 0 7px 0; color: #444; } #divAdmin h1 { font-size: 25px; } #divAdmin h2 { font-size: 23px; } #divAdmin h3 { font-size: 21px; } #divAdmin h4 { font-size: 19px; } #divAdmin h5 { font-size: 17px; } #divAdmin h6 { font-size: 15px; } #divAdmin p { padding: 0; margin: 0; } #divAdmin input { height: 25px; border: solid 1px #ccc; padding: 0 0 0 5px; color: #444; } #divAdmin .buttonlist label { display: inline; } #divAdmin .buttonlist input { display: inline; height: 14px; } #divAdmin input:focus { border: solid 1px #006600; background-color: #eee; } #divAdmin input:hover { border: solid 1px #006600; } #divAdmin select { height: 25px; border: solid 1px #ccc; padding: 2px 1px 2px 5px; color: #444; } #divAdmin .fileuploadbox input { height: 25px; border: solid 1px #ccc; padding: 2px 1px 2px 5px; color: #444; background-color: #fff; } #divAdmin h4 { } #divAdmin h5 { font-size: 18px; } #divAdmin .admincontent { } #divAdmin .adminselectors { margin: 0 0 20px 0; } #divAdmin .adminstatus { float: right; font-size: 22px; color: #005500; } /**************/ #divAdmin .formarray { margin: 0 0 20px 0; } #divAdmin .formelement { margin: 7px 0 7px 0; } #divAdmin .formelement label { vertical-align: top; display: inline-block; width: 120px; } #divAdmin .formelementbuttons { display: block; text-align: center; margin: 20px 0 0 0; } #divAdmin .formelementbuttons a { display: block; padding: 10px 0 10px 0; width: 100px; border: solid 1px #ccc; display: inline-block; text-decoration: none; } #divAdmin .formelementbuttons a:hover { background-color: #efefef; } .admintable { width: 100%; border: solid 1px #aaa; margin: 10px 0 20px 0; } .admintable thead { width: 100%; background-color: #333; color: #fff; font-weight: bold; height: 30px; } .admintable thead td { padding: 5px; } .admintable tr.altrow { background-color: #eee; } .admintable tr.row td { padding: 5px; } .admintable tr.altrow td { padding: 5px; } #divAdmin .tabcontainer { min-height: 400px; } #divAdmin .edit { background: url('../siteimages/icons/ruler_pencil.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .delete { background: url('../siteimages/icons/delete.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .email { background: url('../siteimages/icons/email.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .view { background: url('../siteimages/icons/view.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .add { background: url('../siteimages/icons/add.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .moveup { background: url('../siteimages/icons/moveup.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .movedown { background: url('../siteimages/icons/movedown.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .approve { background: url('../siteimages/icons/accept.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .update { background: url('../siteimages/icons/update.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .info { background: url('../siteimages/icons/info.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .primary { background: url('../siteimages/icons/favorite.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .active { background: url('../siteimages/icons/power.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .productcomments { background: url('../siteimages/icons/business_user_comment.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .productcrosssells { background: url('../siteimages/icons/refresh.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .productreviews { background: url('../siteimages/icons/book_warning.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .productimages { background: url('../siteimages/icons/photo_camera.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .admincategoryimagecontainer { display:block; text-align:center; margin:20px 0; } #divAdmin img.admincategoryimage { width:auto; height:auto; max-width:300px; max-height:300px; } /*containers*/ .wrapperfull{ 	background-image:url('/images/backgroundrepeat.png'); 	background-repeat:repeat; } .wrappermain {  width:1100px; 	margin:0px auto; /*centers your design on the page*/ 	text-align:left;  background-image:url('/images/header_bg.gif');  background-repeat:no-repeat;  background-position:top; 	 } .wrappercontent { } .wrappercenter {  width:940px; 	margin:0px auto; /*centers your design on the page*/ 	text-align:left; 	 } .bottom { 	width:940px; 	height:21px; } .top { display:none; } .centertop { display:block; height:35px; } .centerbottom { display:block; } .header { } .st { } .center { background:#fffdf8; margin:0; min-height:350px; } .bottom { display:none; } /*styles*/ img {border:none;} body { 	background-color:#d4be95; 	margin:0px; 	padding:0px; 	color:#7a654a; 	font-family:Arial, Helvetica, sans-serif; 	font-size:13px; 	line-height:1.5em; /* vertical spacing between your lines of text*/ 	text-align:left; } .st, .st a, .st a:link, .st a:visited, .st a:hover { 	color:#a65cb4;  font-size:12px; } a, a:link, a:visited { 	color:#a65cb4; } a:hover { 	color:#7a654a; 	text-decoration:none; } #background_texture { 	background:url(images/page_bg.jpg) top repeat-x; } .left_image { 	border:1px solid #631714; 	margin:5px 10px 5px 0px; 	padding:3px; 	float:left; } .right_image { 	border:1px solid #631714; 	margin:5px 0px 5px 10px; 	padding:3px; 	float:right; } #left_column { 	float:left; 	width:610px; /*640px minus the padding on left and right*/ 	padding:15px; } #right_column { 	float:right; 	width:280px; /*290px minus the padding on left and right*/ 	padding:0px 5px 5px 5px; } hr.clear { 	margin-top:10px; 	margin:0px; 	clear:both; 	visibility:hidden; } /*General Content*/ h1 { 	font-family:"Trebuchet MS", Arial; 	font-size:20px; 	color:#531C5D; 	font-weight:normal; 	margin-top:0px;  margin-bottom:5px; } h2 { 	color:#a65cb4; 	font-family:"Trebuchet MS", Arial; 	font-size:16px; 	margin-top:0px; 	margin-bottom:10px; 	font-weight:normal; 	letter-spacing:1px; } h3 { 	color:#a65cb4; 	font-family:"Trebuchet MS", Arial; 	font-size:14px; 	font-weight:normal; 	letter-spacing:1px; } .size11 { 	font-size:11px; } .image_border { 	border:1px solid #d9c399; 	margin:3px; 	padding:3px; } hr { 	border: 0; 	color: #c9c4b3; 	background-color: #c9c4b3; 	height: 1px; 	width: 100%; 	clear:both; } /*side bar*/ .top_title { 	width:264px; /*280px minus the padding*/ 	margin:0px 0px 5px 0px; 	padding:6px 3px 0px 0; 	background-repeat:no-repeat; 	background-position:top; 	color:#a65cb4; 	font-family:"Trebuchet MS", Arial; 	font-size:14px; } .quote_box_container { 	width:252px; /*280px minus padding*/ 	height:83px; /*107px minus padding*/ 	margin:10px 0px; 	background:url(images/box_blue.jpg) no-repeat top; 	padding:10px 14px 14px 14px; } .quote_box_container .title { 	font-family:"Trebuchet MS", Arial; 	color:#5e5e00; 	font-size:18px; } .quote_box_container .image { 	float:right; 	width:67px; 	height:64px; 	margin:0px 0px 0px 0px; } .quote_box_container .text { 	float:right; 	width:185px; 	font-size:12px; 	padding:5px 0px; 	line-height:normal; 	color:#FFFFFF; } .quote_box_container .text p { 	padding:0px; 	margin:0px; } .quote_box_container a, .quote_box_container a:visited, .quote_box_container a:link, .quote_box_container a:hover { 	text-decoration: none; 	color:#5e5e00; } .italic { 	font-style:italic; } /*Home Page*/ .service_box_container { 	width:610px; 	border-bottom:1px dashed #c9c4b3; 	margin-bottom:5px; } .service_box_container .image { 	float:left; 	width:67px; 	height:67px; 	margin:10px 0px 0px 22px; } .service_box_container .text { 	float:right; 	width:490px; 	font-size:12px; 	padding:5px 0px; } .service_box_container .text p { 	padding:0px; 	margin:0px; } /*Services Page*/ .service_table { 	border-bottom:1px solid #7a654a; } .service_table td { 	padding:3px 8px; 	color:#7a654a; 	font-size:12px; 	height:28px; } th { /*top row of the table*/ 	background-color:#7a654a; 	color:#FFFFFF; 	font-weight:bold; 	border-bottom:1px solid #ffffff; 	height:28px; 	text-align:center; } .row1 { 	background-color:#eee4c9; } .row2 { 	background-color:#f7f2dc; } ul.ticklist { 	padding:0px 0px 0px 15px; /*indent whole list*/ } ul.ticklist li { 	list-style:none; 	background-image:url(images/icon_tick.gif); 	background-position:left top; 	background-repeat:no-repeat; 	margin:0px 0px 10px 0px; 	padding:0px; 	padding-left:25px; 	font-size:11px; 	line-height:normal; } /*Contact Page*/ .left_details { 	float:left; 	width:240px; } .map { 	width:357px; 	height:225px; 	float:right; } .contact_title { 	color:#616101; 	font-weight:bold; 	float:left; 	width:70px; } .contact_detail { 	float:left; 	width:100px; 	clear:right; } /*header*/ .header {  width:940px;  margin:0 auto; } .header_content { 	height:165px;	 } #logo { 	padding-top:5px;  width:350px; } #logo img { } .header_contact { 	width:244px; 	height:109px; 	float:right; 	padding:10px 0px 0px 0; } .header_menu { /*the container that holds the main menu*/ 	margin:0px 0px 0px 0px; 	clear:both;  position:absolute;  top:140px;  width:940px; } ul#navigation { 	margin:0px; 	padding:0px; 	z-index:3; /*makes dropdown sit on top of flash & map*/ } ul#navigation li { 	float:left; 	list-style:none; 	display:inline; 	padding:0px; 	margin:0px; } ul#navigation a, ul#navigation a:link, ul#navigation a:visited { 	float:left; /*makes the text sit beside each other not down the page*/ 	color:#531c5d; /*menu color normal*/ 	padding:7px 13px 7px 13px; /*space around and inbetween the buttons, top, right, bottom, left*/ 	height:18px; 	text-decoration:none; /*no underline*/ 	text-transform:uppercase; /*all in capitals*/ 	font:14px "Trebuchet MS", Arial; /*menu text size and font*/ 	letter-spacing:1px; /*space out the letters, remove if you want it normal*/ 	 } ul#navigation li.hover a, ul#navigation li:hover a, ul#navigation a.active, ul#navigation a:hover { 	background-color:#F9EFDF; /*color behind the menu text*/ 	color:#5a564b; /*color of text on mouse over*/ } /*--drop down menu second-level - this is optional--*/ ul#navigation li.hover, ul#navigation li:hover { 	position:relative; } ul#navigation li.hover ul.second-level, ul#navigation li:hover ul.second-level { 	display:block; } ul#navigation li.hover ul.second-level ul.third-level, ul#navigation li:hover ul.second-level ul.third-level { 	display:none; } ul#navigation ul.second-level { 	position:absolute; 	top:32px; /*how far away from the top menu*/ 	left:0; 	margin:0; 	padding:5px; 	/*width:200px;*/ 	display:none;  border: none; 	background-color:#F9EFDF; /*color of the dropdown*/ } ul#navigation ul.second-level li { 	min-width:180px; 	margin:0; } ul#navigation ul.second-level a, ul#navigation ul.second-level a:link, ul#navigation ul.second-level a:visited { 	display:block; 	float:none; 	width:195px; 	border:none; 	padding:3px 13px 8px 13px; /*space around and inbetween the buttons, top, right, bottom, left*/ 	background:none; 	font:12px/24px Arial, Helvetica, sans-serif; /*font size and line height*/ 	color:#5a564b; 	text-transform:capitalize; } ul#navigation ul.second-level li.hover a, ul#navigation ul.second-level li:hover a, ul#navigation ul.second-level a:hover { 	color:#FFFFFF; 	background-color:#cbaf7c; } /*centertopbottom*/ sdfs /*containers*/ .wrapperfull{ 	background-image:url('/images/backgroundrepeat.png'); 	background-repeat:repeat-x; } .wrappermain {  width:1100px; 	margin:0px auto; /*centers your design on the page*/ 	text-align:left; 	 } .wrappercontent { } .wrappercenter {  width:940px; 	margin:0px auto; /*centers your design on the page*/ 	text-align:left; 	 } .bottom { 	width:940px; 	height:21px; } .top { display:none; } .centertop { display:block; margin:0; } .centerbottom { } .header { } .st { } .center { padding:10px 0 0 0; } .bottom { } /*footer*/ #footer { 	height:45px; 	width:940px; 	margin:10px auto; 	color:#986d38; 	font-size:10px; 	padding-top:10px; 	font-family:Verdana, Arial, Helvetica, sans-serif; 	clear:both; } #footer ul {  margin:0;  padding:0; } #footer ul li {  display:inline;  margin: 0 0 0 7px; } #footer ul a, #footer a:link, #footer a:visited { 	color:#986d38; 	text-decoration:none; } #footer ul a:hover { 	text-decoration:underline; } #footer .fright { 	width:450px; 	float:right; 	text-align:right; } #footer .fleft { 	width:400px; 	float:left; 	text-align:left; } /*news*/ .newsback a { float:right; } .newspagercontainer { margin:20px 0 0 0; } .newsitems { margin:7px 0 30px 0; } .newsshowamount { float:right; } .newstitle { font-size:15px; font-weight:bold; } .newsshortdescription { font-size:11px; font-style:italic; } .newsdetail { margin:40px 0; } .newsitems { 	font-size:12px; 	border-bottom:1px dashed #c9c4b3; 	padding:5px; 	margin-bottom:5px; } .newsitems ul {  list-style:none;  margin:0 15px 0 15px;  padding:0; } .newsitemdatesmall{ font-weight:bold; } .newsshortdescriptionsmall { 	margin:0px; 	padding:0px; } .newstitlesmall {  font-size:15px; 	font-weight:bold; } .newsviewmorelinksmall { display:block; text-align:right; } .newsviewmorelinksmall a, .newsviewmorelinksmall a:link, .newsviewmorelinksmall a:visited { 	color:#2180ac; 	font-weight:bold; 	text-decoration:none;  display:inline;  font-size:11px; } .newsviewmorelinksmall a:hover { 	text-decoration:underline; } /*testimonials*/ .testimonials { margin:30px 0 0 0; } .testimonial { margin: 0 0 20px 0; } .testimonial .testimonialheading { font-size:15px; font-weight:bold; } .testimonial .testimonialquote { font-size:11px; font-style:italic; } .testimonial .blockquote-name { display:block; text-align:right; } /********************SMALL RIGHT TESTIMONIALS*************************/ .testimonialsmall { 	width:260px; /*280px minus padding*/ 	height:138px; /*160px minus padding*/ 	padding:14px 10px 8px 10px; 	background:url(images/testimonial_bg.jpg) no-repeat top; 	font-size:11px; 	line-height:17px;  margin:0 0 10px 0; } .testimonialsmall .testimonialsmallheading { 	font-family:"Trebuchet MS", Arial; 	font-size:14px; 	color:#7a654a; 	padding-bottom:5px; } .testimonialsmall .testimonialsmallquote { 	padding:0px; 	margin:0px; font-size:11px; height:100px; overflow:hidden; } .testimonialsmall .testimonialsmallname { display:block; font-weight:bold; text-align:right; padding-right:40px; } /*faq*/ .faqs { margin:30px 0 0 0; } .faq { margin:0 0 20px 0; } .faqquestion { font-size:15px; font-weight:bold; } .faqanswer { font-size:11px; font-style:italic; } /*forms*/ .contactform { 	margin:3px 0px; 	padding:4px; } .contactform { 	border:0; } .contactform h2 { margin: 20px 0 20px 0; font-size:22px; } .contactform .formelement { 	margin:0 0 10px 0; } .contactform .formelement label { 	float:left; 	width:80px; 	margin-right:15px; 	clear:left; 	color:#616101; 	font-weight:bold; 	text-align:right; 	height:32px; } .contactform .formelement input, .form .formelement textarea { 	margin-right:40px;  border:solid 1px #ccc;  color:#444;  padding:2px;  font-size:12px; } .contactform .formelement input { 	width:200px; } .contactform .formelement textarea { 	width:400px; } .contactform .formelementbuttons { display:block; text-align:center; } .contactform .formelementbuttons a { 	width:100px;  height:50px;  text-decoration:none;  background:url('/images/button_submit.gif') no-repeat;  display:inline-block; } .contactform .formelementbuttons a:hover {	  text-decoration:underline; } /****************************Testimonial Form********************************/ .testimonialform { 	margin:3px 0px; 	padding:4px; } .green { 	color:#616101; } .testimonialform { 	border:0; } .testimonialform h2 { margin: 20px 0 20px 0; font-size:22px; } .testimonialform .formelement { 	margin:0 0 10px 0; } .testimonialform .formelement label { 	float:left; 	width:80px; 	margin-right:15px; 	clear:left; 	color:#616101; 	font-weight:bold; 	text-align:right; 	height:32px; } .testimonialform .formelement input, .form .formelement textarea { 	margin-right:40px;  border:solid 1px #ccc;  color:#444;  padding:2px;  font-size:12px; } .testimonialform .formelement input { 	width:200px; } .testimonialform .formelement textarea { 	width:400px; } .testimonialform .formelementbuttons { display:block; text-align:center; } .testimonialform .formelementbuttons a { 	width:100px;  height:50px;  text-decoration:none;  background:url('/images/button_submit.gif') no-repeat;  display:inline-block; } .testimonialform .formelementbuttons a:hover {	  text-decoration:underline; } /*******************BLOGFORM****************************/ .blogform { 	margin:3px 0px; 	padding:4px; } .blogform { 	border:0; } .blogform h2 { margin: 20px 0 20px 0; font-size:22px; } .blogform .formelement { 	margin:0 0 10px 0; } .blogform .formelement label { 	float:left; 	width:80px; 	margin-right:15px; 	clear:left; 	color:#616101; 	font-weight:bold; 	text-align:right; 	height:32px; } .blogform .formelement input, .blogform .formelement textarea { 	margin-right:40px;  border:solid 1px #ccc;  color:#444;  padding:2px;  font-size:12px; } .blogform .formelement input { 	width:200px; } .blogform .formelement textarea { 	width:400px; } .blogform .formelementbuttons { display:block; text-align:center; } .blogform .formelementbuttons a { 	width:100px;  height:50px;  text-decoration:none;  background:url('/images/button_submit.gif') no-repeat;  display:inline-block; } .blogform .formelementbuttons a:hover {	  text-decoration:underline; } /*blog*/ .blog-right{ 	float:right; 	width:280px; /*290px minus the padding on left and right*/ 	padding:0px 5px 5px 5px;} .blog-right .blogrightcolumnitem ul {  list-style:none;  text-decoration:none; } .blog-right .blogrightcolumnitem ul li a {  text-decoration:none; } .blog-right .blogrightcolumnitem ul li a:hover {  text-decoration:underline; } .blog-right .blogrightcolumntitle {  width:264px; /*280px minus the padding*/ 	height:29px; /*36px minus padding*/ 	margin:0px 0px 5px 0px; 	padding:6px 3px 0px 13px; 	background-image:url(images/column_top_title.jpg); 	background-repeat:no-repeat; 	background-position:top; 	color:#ccc; 	font-family:"Trebuchet MS", Arial; 	font-size:14px; } .blog-left{ 	float:left; 	width:610px; /*640px minus the padding on left and right*/ 	padding:15px; 	min-height:200px; } .blogitem .heading { 	font-size:22px; 	line-height:36px; 	margin:0px; 	padding:0px 0px 10px 0px;  text-decoration:none; } .blogitem .heading a { 	font-size:22px; 	line-height:36px; 	margin:0px; 	padding:0px 0px 10px 0px;  text-decoration:none; } .blogitem .post-info { font-size:12px; margin: 0 0 15px 0; line-height:13px; } #blogcomments { margin:20px 0 0 0; font-size:12px; } .blog-left .success { margin:20px 0; text-align:center; } .blog-info .post-info .date { display:inline; width:auto; } .blog-box { margin:10px 0 0 0; } .blog-box .blogquoteavatar { float:left; margin: 0 10px 10px 0; width:auto; height:auto; max-height:120px; max-width:120px; } .blogbacklink { text-align:right; } /*calendar*/ .calendar {  margin: 0 0 20px 0; } .calendar .calendardetails { margin:20px 0 0 0; } .calendar .calendarback { float:right; } .calendar .calendarupcoming h3 { margin:20px 0 0 23px; font-size:20px; } .calendar .calendarupcoming p { margin:5px 0 7px 23px; font-size:11px; } .calendar .calendarheading { 	text-transform:uppercase; 	font-size:23px; 	padding:0; 	margin:10px 0 0 0;} .calendartable {  border: solid 3px #ccc;  padding: 0;  margin: 0;  width: 100%;  border-collapse: collapse; } .calendarcell {  width: 14.285%; } .calendarcell:hover {  background-color: #222; } .calendarday {  background-color: #ddd; }  .calendartoday {  background-color: #ddd; } .calendareventday {  background-color: #987; } .calendareventday .calendareventdaycontainer {  margin:0 0 5px 0;  font-size:8px;  color:#fff;  line-height:10px; }  .calendareventday .calendareventdayitem {   margin:0 0 8px 0; } .calendareventday a.calendareventdaylink, .calendareventday a.calendareventdaylink:visited {  font-size: 10px;  font-weight: bold;  color: #fff;  text-decoration: none; } .calendareventday a:hover {  color: #ccc; } .calendaremptyday {  background-color: #eee; } .calendarweekendday {  background-color: #bbb; } .calendartitlerow {  background-color: #333;  color: #fff;  font-size: 1.2em; } .calendartitlerow td {  text-align: center; } .calendardayofweekrow {  background-color: #fff;  color: #666;  border-bottom: solid 1px #ccc;  border-top: solid 1px #ccc;  text-align: center; }  .calendardayrow {  color: #666;  background-color: #ccc;  height: 80px;  vertical-align: top; } /*articles*/ .articleback a { float:right; } .articledetail { margin:40px 0; } .articles { margin:30px 0 0 0; } .article { margin:0 0 20px 0; } .articlepagercontainer { margin:20px 0 0 0; } .articleitems { margin:7px 0 30px 0; } .articleshowamount { float:right; } .articlestitle { font-size:15px; font-weight:bold; } .articlesshortdescription { font-size:11px; font-style:italic; } .articleitems ul {  list-style:none;  margin:0 15px 0 15px;  padding:0; } .articleitemdatesmall{ font-weight:bold; } .articleshortdescriptionsmall { 	margin:0px; 	padding:0px; } .articletitlesmall {  font-size:15px; 	font-weight:bold; } .articleviewmorelinksmall { display:block; text-align:right; } .articleviewmorelinksmall a, .articleviewmorelinksmall a:link, .articleviewmorelinksmall a:visited { 	color:#2180ac; 	font-weight:bold; 	text-decoration:none;  display:inline;  font-size:11px; } .articleviewmorelinksmall a:hover { 	text-decoration:underline; } /*gallery*/ .galleries { margin-top: 20px; } .imageback { text-align:right; } .galleries ul { margin:0; padding:0; list-style:none; } .galleries ul li { width:285px; height:220px; float:left; text-align:center; margin:10px; } .galleries ul li a { display:block; text-decoration:none; text-align:center; } .galleries ul li .imgcontainer { display:block; text-align:center; } .galleries ul li img { width: auto; max-width: 285px; height: auto; max-height: 220px; } .galleries ul li p { margin:0; padding:0; font-size:11px; } .galleries .gallerythumbcontainer { } .galleries .gallerythumbwrapper { width:86px; overflow:hidden; margin:0 auto; } .galleryimages img { width: auto; max-width: 500px; height: auto; max-height: 500px; } /*catalog*/ /*******Product Catalog********/ .addtocartbutton { display:block; text-align:center; } .addtocartbutton a { 	width:140px;  height:50px;  text-decoration:none;  background:url('/images/addtocart.gif') no-repeat;  display:inline-block; } .addtocartbutton a:hover {	  text-decoration:underline; } .checkoutbutton { display:block; text-align:center; } .checkoutbutton a { 	width:140px;  height:50px;  text-decoration:none;  background:url('/images/addtocart.gif') no-repeat;  display:inline-block; } .checkoutbutton a:hover {	  text-decoration:underline; } #divProductCatalog { width: 100%; } #divProductCatalog ul { list-style:none; margin:0; padding:0; } #divProductCatalog li { float: left; padding: 4px 4px 15px 4px; position: relative; border: none; } #divProductCatalogSpecials { width: 27px; height: 140px; overflow: hidden; } #divProductCatalogImage { width: 110px; border: none; } #divProductCatalogImage img { width: 100px; border: solid 1px #efefef; padding:5px; } #divProductCatalogDetails { width: 300px; } #divProductCatalogCheckout { padding-left: 5px; padding-top: 5px; padding-right: 5px; width: 145px; height: 130px; border: solid 1px #efefef; } #divProductCatalogCheckout hr { margin:3px 0 5px 0; } .ProductCatalogSku { color: #333; font-size: 9px; font-family: Sans-Serif; } #divProductCatalog h3.shortdesc { font-weight: bold; color: #333; font-size: 13px; margin: 0; padding: 0; } #divProductCatalog span.longdesc { color: #333; font-size: 10px; margin-top: 5px; display: block; } #ProductCatalog span.longdesc a { color: #111; display: block; margin-top: 10px; float: right; } .ProductCatalogProductName a { color: Blue; font-size: 16px; margin: 0; padding: 0; font-family: Sans-Serif; } .ProductCatalogManufacturer { color: #333; font-weight: bold; margin: 0; padding: 0; font-family: Sans-Serif; } #divProductCatalog .availability { color: #333; font-size: 10px; font-weight: bold; font-family: Sans-Serif; display:block; height:30px; margin:7px 0 0 0; } #divProductCatalog .price { color: #cc0000; font-weight: bolder; font-size: 12px; font-family: Sans-Serif; } .catalogimage { float:left; margin: 0 10px 10px 0; } .catalogimage img { width:auto; height:auto; max-width:100px; max-height:100px; } /*filebrowser*/ a.openfilebrowser { background: url('/siteimages/icons/folder.png'); width: 15px; height: 15px; display: inline-block; } a.closefilebrowser { background: url('/siteimages/icons/delete.png'); width: 15px; height: 15px; display: inline-block; } a.backfilebrowser { background: url('/siteimages/icons/green_arrow_up.png'); width: 15px; height: 15px; display: inline-block; } span.directoryimageselector { font-size:10px; color:#ffffff; margin:0 20px 0 0; }    #imageselectwrapper img.folderimage    {     width: auto;     height: auto;     max-width: 70px;     max-height: 70px;     border: none;    }    .imageselectimagecontainer    {     margin: 5px 10px 5px 0;     padding: 5px;     width: 80px;     height: 80px;     float: left;     text-align: center;     font-size: 9px;     color: #333;    } .imageselectcontainer { overflow-x:hidden; overflow-y:scroll; height:500px; width:100%; }    .imageselectwrapper    {     width: 100%;    } /*itemadded*/ .itemaddedcontainer { margin:0 0 0 20px; } .itemaddedminicart { margin:20px 35px 20px 0; } .itemaddedminicart table { width:100%; } .itemaddedminicart h5 { margin:0; padding:0; } .itemaddedminicart .delete { float:right; background: url('../siteimages/icons/delete.png'); width: 16px; height: 16px; display: inline-block; } .itemaddedminicart .minicartcheckout { display:block; text-align:center; margin:20px 0 0 0; } .itemaddedminicart .minicartcheckout a { 	width:100px;  height:50px;  text-decoration:none;  background:url('/images/checkoutbutton.gif') no-repeat;  display:inline-block; } .itemaddedminicart .minicartcheckout a:hover {	  text-decoration:underline; } .itemaddedminicart .minicartsubtotal { display:block; text-align:center; margin:10px 0 0 0; } .itemaddedminicart .minicartimage { width:60px; height:60px; padding:2px; border:#solid 1px #eee; } .itemaddedminicart .minicartimage img { max-width:40px; max-height:40px; width:auto; height:auto; } .itemaddedminicart { width:200px; float:right; border:solid 1px #ccc; padding:10px; } .itemaddedimage { float:left; margin: 0 10px 10px 0; } .itemaddedimage img { width: auto; height: auto; max-height:100px; max-width:100px; } .itemaddedcrosssellscontainer { width:600px; margin: 60px 0 0 0; float:left; } .itemaddedcrosssells { } .itemaddedcrosssell { text-align:center; width:120px; padding:10px; height:150px; float:left; margin:0px 20px 20px 20px; } .itemaddedcrosssell .thumbwrapper { border:solid 1px #ccc; padding:2px; } .itemaddedcrosssell .thumbwrapper .thumbcontainer { } .itemaddedcrosssell .thumbwrapper .thumbcontainer img { width:auto; height:auto; max-width:110px; max-height:110px; } .itemaddedcrossselldescription { font-size:11px; line-height:11px; } .itemaddedcrossselldescription .crosssellcontent { } /*crosssells*/ .crosssells { } .crosssell { text-align:center; width:120px; padding:10px; height:150px; float:left; margin:20px; } .crosssell .thumbwrapper { border:solid 1px #ccc; padding:2px; } .crosssell .thumbwrapper .thumbcontainer { } .crosssell .thumbwrapper .thumbcontainer img { width:auto; height:auto; max-width:110px; max-height:110px; } .crossselldescription { font-size:11px; line-height:11px; } .crossselldescription .crosssellcontent { } /*checkout*/ .checkoutcontainer { margin: 20px 0; background:#f7f2dc; padding:20px; } .checkout ul { margin-left:30px; margin-top:7px; } .checkout .checkoutshipping { float:left; } .checkout .formelement { margin: 0 0 3px 0; } .checkout .formelement label { display:inline-block; width:100px; } .checkout .formelement input { border:solid 1px #ccc; padding:4px; color:#888; width:200px; } .checkout .formelement input:hover { border:solid 1px #888; } .checkout .formelement input:focus { border:solid 1px #008800; color:#333; } .checkout .formelement select { border:solid 1px #ccc; padding:4px; color:#666; width:210px; } .checkout .formelement select:hover { border:solid 1px #888; } .checkout .formelement input:focus { border:solid 1px #008800; } .checkout .checkoutheading { display:block; margin: 10px 0 10px 0; } .checkout .checkoutheading h2 { display:inline-block; margin: 15px 0 0 0; } .checkout .checkoutpayments { width:570px; float:right; } .checkout .checkoutpayments h2 { } .checkout .checkoutheading img { float:left; margin:10px 0 0 0; } .checkout .formelementbuttons { display:block; text-align:center; margin:40px 0 20px 0; } .checkout .formelementbuttons a { padding:7px 40px; background:#333; color:#fff; border:solid 1px #999; font-weight:bold; } .checkout .formelementbuttons a:hover { background:#888; } .checkout .billsame { display:inline; font-size:10px; margin-left:10px; } .checkout .billsame label { margin-left: 4px; } .checkout .checkoutvalidation { color:#990000; margin:30px 0; } .checkout .checkoutvalidation ul { margin:0; padding:0; list-style:none; } .checkout .checkoutvalidationitem { color:#990000; } .checkout .confirmbilling { float:left; width:300px; font-size:12px; } .checkout .confirmcontact { float:left; width:300px; font-size:12px; } .checkout .confirmshipping { float:left; width:300px; font-size:12px; } .checkout .separator { margin:30px 0 20px 0; background:#ddd; height:1px; display:block; clear:both; } /*productcrosssells*/ .productcrosssells { margin: 50px 0 0 0; } .productcrosssellsheader { font-size:15px; } .productcrosssell { text-align:center; width:120px; padding:10px; height:150px; float:left; margin:20px; } .productcrosssell .thumbwrapper { border:solid 1px #ccc; padding:2px; } .productcrosssell .thumbwrapper .thumbcontainer { } .productcrosssell .thumbwrapper .thumbcontainer img { width:auto; height:auto; max-width:110px; max-height:110px; } .productcrossselldescription { font-size:11px; line-height:11px; } .productcrossselldescription .productcrosssellcontent { } /*products*/ #divProduct { margin:10px 0 0 0; } #divProduct .productback { float:right; } #divProduct .smallimage { float:left; width:35px; height:35px; overflow:hidden; border:solid 1px #eee; margin:0 2px 0 0; background-color:#fff; } #divProduct .mainimage img { width:auto; height:auto; max-width:250px; max-height:250px; border:solid 1px #eee; background-color:#fff; margin:0 0 2px 0; } #divProduct .smallimage img { height:35px; } #divProduct .productright { width:160px; border:solid 1px #eee; float:right; padding:10px; } #divProduct .productright a { margin:0 auto; } #divProduct .productinfo { width:300px; float:left; margin:3px 7px 0 0; padding:0 7px 0 7px; } #divProduct .productinfo label { display:inline-block; width:100px; } #divProduct pre { padding:10px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ /* width: 99%; */ } #divProduct .productdetails { width:250px; float:left; } #divProduct .productdetails ul { margin:0; padding:0; } #divProduct .productimages { float:left; width:250px; } #divProduct .productinfo { display:block; width:100%; } #divProduct .producthtml { display:block; width:100%; margin:30px 0; } /*links*/ .links {margin:20px 0;} .link {margin:0 0 20px 0;} .linktitle {font-size:18px;} /*videos*/ #divVideoPlayer { margin:40px 0 20px 20px; } #divVideoPlayer .vplayer { margin:0 0 0 5px; text-align:center; /*height:440px;*/ } #divVideoPlayer .vlist { margin: 0; text-align:center; } #divVideoPlayer .videoitem { float: left; margin: 0px 8px 40px 8px; text-align: center; width:155px; color:#fff; } #divVideoPlayer .videoitem a { text-decoration: none; } #divVideoPlayer .videoitem a:visited { } #divVideoPlayer .videoitem a:hover { color: #999; } #divVideoPlayer .videoitem h5 { margin: 0 0 3px 0; height:40px; overflow:hidden; } #divVideoPlayer .videoimage { max-height: 70px; max-width: 155px; padding: 3px; border: solid 1px #ddd; overflow: hidden; } #divVideoPlayer .videoimageoverflow { height: 70px; width: 147px; overflow: hidden; } #divVideoPlayer .videoimage img { max-height: 80px; max-width: 155px; height:auto; width:auto; }