/**  * Arbee designs theme *  * * Main Layout File */ /* Misc Styles and defaults -------------------------------------------- */  * {	margin: 0;	padding: 0;}body {	color: #666; 	font-size: 62.5%;  	margin-bottom: 40px;	font-family: Verdana, Lucida, sans-serif; }html {	background: #666;}/*table {	border-collapse: collapse;	border-spacing: 0;}caption, th, td {	text-align: left;	font-weight: normal;}*/.clear{	clear:both;	font-size:10px;}/* CONTAINER----------------------------------------- */#BgContainer {	width: 950px;  	margin: 0 auto;	background: #fff url(../images/bg.jpg) repeat-y;}#Container { 	width: 950px;	background: transparent url(../images/we-help-you-express-it.jpg) no-repeat;}/* HEADER----------------------------------------- */#Banner {  	width: 950px; 	height: 220px; 	margin: 0 auto;	background: #58ade1 url(../images/creativity-is-already-inside.jpg) no-repeat;} 	#Topmenu { 	  	color: #1f497f; 		font-size: 12px; 		font-family: Tahoma, Verdana, sans-serif;		font-weight: bold;		padding: 3px 0 0 30px;		text-align:right;		width: 900px;		}	#Topmenu a {		color: #1f497f;			}	#Logo {		height:166px;	}	/*	#Header p {		font-size: 1.4em;		color: #fff;		clear: left;		margin: 0 0 0 100px;	}*/#Layout {	width: 950px;	clear: both;	overflow: hidden;	margin: 15px auto;}#Content {	width: 525px;	float: left; 		margin: 0;	text-align: left;	margin-left: 10px;}#Main_Content {	width: 525px;	float: left; 		margin: 0;	text-align: left;	margin-left: 10px;	font-size:12px;}#Home_Content {	width: 525px;	float: left; 		margin: 0;	text-align: left;	margin-left: 10px;	font-size:12px;}#Main_Container, .Home_extended {	width: 737px;	float:left;	padding-left:5px;}	.Home_extended {		margin-left: 10px;		font-size:14px;	}		ul li { 	 		list-style: none;		}.Home_specials {	font-size:12px;	width: 730px;	float:left;}		.productmainContent {	min-height: 105px;	width: 525px;}#Rightbar {	width: 200px;	float: right;}	#Subscribebox{		padding-top:35px;		padding-bottom:10px;		color: #FFFFFF;		font-size:14px;		text-align:center;	}		#Subscribelink{		color: #FFFFFF;		font-size:12px;	}	#freeSub, #freeSubInfo {		padding: 25px 15px;		font-size:12px;		text-align:center;	}	#freeSub {		color: #FFFFFF;	}	#freeSubInfo {		width: 155px;		overflow: hidden;		margin: 0 10px 0 10px;		font-size: 1.1em;		padding: 1em;		background: #f4f8f9;		border: 1px solid #c9e5f7;	}	#viqLink {		font-size:14px;		color:#FF3300;		font-weight:bold;	}	/* subscribe newsletter phplist */.required {	border:0px;	background-color:#000000;}/* MAIN NAVIGATION - TABS----------------------------------------- */#Navigation {	width: 950px;	height: 35px;	margin: 0 auto;	padding-top: 7px;	background: url(../images/headerRounded.gif) no-repeat center bottom;}	#Navigation ul {  				margin-right: 9px;		padding-left: 5px;	}		#Navigation ul li { 	 		list-style: none; 			margin: 0 2px; 			float: left;			display: block;		}  			#Navigation ul li a { 				float: left;				text-decoration: none;				display: block; 				font-size: 14px; 				color: #fff;				cursor: pointer;				background: url(../images/menu-bg.gif) repeat-x center top; 				margin:0px 9px;											}									#Navigation ul li a span.left-menu {					text-align:center;					float:left;					background: url(../images/menu-bg-left.gif) no-repeat left top;					margin-left:-10px;									}				#Navigation ul li a span.right-menu {					text-align:center;					float:left;					background: url(../images/menu-bg-right.gif) no-repeat right top;					display:block;					padding: 8px 12px 12px 12px;					margin-right:-10px;				}					#Navigation ul li a:hover { 						color: #0d3770;						cursor: pointer;						background: url(../images/menu-hover.gif) repeat-x center top; 						margin:0px 9px;					}					#Navigation ul li a:hover span.left-menu {						background: url(../images/menu-hover-left.gif) no-repeat left top;						margin-left:-10px;					}					#Navigation ul li a:hover span.right-menu {						background: url(../images/menu-hover-right.gif) no-repeat right top;						margin-right:-10px;					}										    			#Navigation ul li a.current,	    		#Navigation ul li a.section,	    		#Navigation ul li a.section:hover,	    		#Navigation ul li a.current:hover { 				 	background: url(../images/menu-hover.gif) repeat-x center top;				 	margin:0px 9px;					color: #0d3770;					}				#Navigation ul li a.current span.left-menu,				#Navigation ul li a.section span.left-menu,	    		#Navigation ul li a.section:hover span.left-menu,				#Navigation ul li a.current:hover span.left-menu {					background: url(../images/menu-hover-left.gif) no-repeat left top;					margin-left:-10px;				}				#Navigation ul li a.current span.right-menu,				#Navigation ul li a.section span.right-menu,	    		#Navigation ul li a.section:hover span.right-menu,				#Navigation ul li a.current:hover span.right-menu {					background: url(../images/menu-hover-right.gif) no-repeat right top;					margin-right:-10px;				}    /* BREADCRUMBS-------------------------------------------- */#Breadcrumbs {  	color: #B7C0C5;	text-align: left;	font-size: 0.9em; 	margin: 0px 5px 10px 0;}	#Breadcrumbs p {		margin: 0;	}/* SIDEBAR-------------------------------------- */#Sidebar, .sidebarBox{  	 	float: left;		padding: 0 3px;	}	.sidebarBox{		width: 188px;		margin-top: 15px;	}	#Sidebar{		width: 194px;		margin: 0px;	}	#Sidebar ul {		margin: 2px 5px 5px 3px;	}		#Sidebar li {			margin: 8px 5px;			list-style: none;		}	#Sidebar h3 { 		clear: both; 		text-transform: lowercase;		color: #1e5abb;		font-weight: 700; 		font-size: 1.4em; 		margin: 0 0 10px 0;		line-height: 1.8;		padding: 1px 0 0 5px;		background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;	}	/*	#Sidebar .sidebarBottom {		height: 15px;		display: block;		width: 200px;		margin: -5px 0 0 0;		background: #d4e9f5 url(../images/sidebarBottomBg.gif) no-repeat center bottom;	}*/	#Sidebar a em {		font-style: normal;	}	#Sidebar p {		font-size: 11px;	 	clear: both;	 	margin: 10px 10px 0 10px;	}	#SidebarSubscribe {		font-size: 13px;		text-align:center;	}	.viqButton {				padding:10px;	}	/* MENU2 */    ul#Menu2 li {     	font-size: 12px;     	margin: 1px 5px 5px 4px;        list-style: none;    }    	ul#Menu2 li a {            display: block;            width: 170px;            font-size: 13px;            height: 1.8em;            line-height: 1.8em;            color: #444;      	}			ul#Menu2 li em {				padding-left: 8px;				display: block;			}				ul#Menu2 li li em {					padding-left: 0;				}      	/* Level 1       	- We use 3 elements for the nav to get 3 background images applied.            * span - topleft rounded corner            * em - bottomleft rounded corner            * a - arrow on the right            <a><span><em></em></span></a>      	*/      	ul#Menu2 li a:hover,      	ul#Menu2 li a.current,      	ul#Menu2 li a.current:hover {        	background: #e3f6fd url(../images/sidebarSideArrow.gif) no-repeat right center;        	color: #444;			cursor: pointer;            text-decoration: none;      	}	  	ul#Menu2 li a.current {	  		font-weight: 700;	  	}      	ul#Menu2 li a.section,      	ul#Menu2 li a.section:hover {            background: #e3f6fd;            font-weight: 700;            width: 170px;       	}      	ul#Menu2 li a.levela:hover span,      	ul#Menu2 li a.current span,      	ul#Menu2 li a.section span,      	ul#Menu2 li a.section:hover span,      	ul#Menu2 li a.current:hover span {			background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;			display: block;			width: 100%;			height: 100%;		} 		ul#Menu2 li a.levela:hover em,		ul#Menu2 li a.current em,		ul#Menu2 li a.section em,		ul#Menu2 li a.section:hover em,		ul#Menu2 li a.current:hover em {        	background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;			display: block;			width: 100%;            height: 100%;      	}      		ul#Menu2 li ul {            	height: 100%;            	position: relative;            	margin: -4px 0 0 0;            	width: 170px;            	padding: 4px 0 10px 0;            	background: #e3f6fd url(../images/sidebarSectionBottom.png) no-repeat bottom left;      		}      			ul#Menu2 li ul li {            		width: 160px;            		background: #e3f6fd;            		padding: 0;            		font-size: 12px;            		display: inline;            		margin: 0;      			}      				ul#Menu2 li ul li ul {            			background: #e3f6fd;            			margin-left: 0;      				}	      					ul#Menu2 li li a.current,      				ul#Menu2 li li a.section,      				ul#Menu2 li li a.section:hover,      				ul#Menu2 li li a.current:hover {            			color: #333;            			font-weight: 700;            			background: #e3f6fd;      				}      					ul#Menu2 li li ul {            				margin: 0 0 0 10px;            				padding: 0;            				width: 170px;      					}      					ul#Menu2 li li ul .roundWhite {            				margin-bottom: -10px;      					}      						/* Sub Menu */      		ul#Menu2 li a.levelb {            	font-size: 13px;            	text-indent: 8px;            	width: 170px;				background: transparent;            	margin-left: 10px;      		}	  		ul#Menu2 li a.levelb:hover,      		ul#Menu2 li li a.current,      		ul#Menu2 li li a.current:hover,      		ul#Menu2 li li a.section,      		ul#Menu2 li li a.section:hover {            	background: url(../images/sidebarSideArrow2.gif) no-repeat right center;            	text-decoration: none;            	display: block;            	color: #1e5abb;      		}      		ul#Menu2 li a.levelb:hover span,      		ul#Menu2 li li a.current span,      		ul#Menu2 li li a.current:hover span,      		ul#Menu2 li li a.section span,      		ul#Menu2 li li a.section:hover span {            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;            	display: block;            	width: 100%;            	height: 100%;      		} 	      		ul#Menu2 li a.levelb:hover em,      		ul#Menu2 li li a.current em,      		ul#Menu2 li li a.current:hover em,      		ul#Menu2 li li a.section em,      		ul#Menu2 li li a.section:hover em {            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;            	display: block;            	width: 100%;            	height: 100%;      		}/* Buy/enroll buttons---------------------------------------- */.price_display, .price_default{	font-weight:bold;	font-size:14px;	margin:0px;}.price_display{	color:#FF0000;	width:140px;}.price_default{	text-decoration:line-through;	color:#4694c4;	width:140px;}.BuyButton {	width:140px;	color: #78a33b;	font-weight: bold;	text-align: center;	margin-top: 0px;}.buttonbox {	text-align: center;}.buttonText {	font-size:10px;		font-style:italic;	text-align: center;	width:140px;}.buttonleft {	float:left;	width:130px;}.giftButton {	font-weight:bold;	font-size:14px;	padding-left:5px;	float:left;	color:#FF0000;	margin:0;}#Footer {  	clear: both;  	width: 950px; 	background: #2969c1 transparent url(../images/footerBottom.gif) no-repeat bottom left; 	text-align: center; 	background: #666;}	#Footer .footerTop {		width: 100%;		background: #2969c1 url(../images/footerTop.gif) no-repeat top left;		display: block;		height: 2em;	}  	#Footer p { 		color: #fff;		font-size: 1.1em;		text-align: center;		margin-top: -0.6em;	}  		#Footer a { 	   		color: #fff; 	   		text-decoration: none;		}			#Footer a:hover {				color: #fff;				text-decoration: underline;			}			#HomeBanner {	margin: 0;	width: 190px;	height: 260px;	text-align:center;	}	#HomeBanner ul {		list-style: none;		height: 260px;		width: 190px;		padding: 0;		margin: 0;		}		#HomeBanner ul li {			height: 260px;			width: 190px;			top: 0;			left: 0;			}.addressTable {	border:none;	font-size:14px;	text-align:left;} /*1) Main Settings from Product group*/#Layout h2 {	font-size: 2em; 	color: #4EA3D7; 	margin: 15px 0;	font-weight: normal;	font-family: Tahoma, Verdana, sans-serif;}	#Layout h2 a {		color: #3E91C4;		text-decoration: none;	}	#Layout a:hover {		text-decoration: underline;	}#ProductGroup {	margin-left: 205px;	padding-left: 5px;}#productHeading {	min-height: 173px;	border: 1px solid black;}/* 2) Product Categories Settings */.categoryTitle {	position: relative;	margin-bottom: 10px;	border-bottom: 1px solid #a1d4f3;	font-size: 1.4em;	font-weight: normal;	line-height: 2em;	color: #4EA3D7;}	.categoryTitle img {		position: absolute;		right: 0;		bottom: 10px;		border: none;	}.category {	overflow-x: hidden;}ul.productList {	color: #666;	list-style: none;	float: left;	width: 100%;	padding:0;	margin:0;}/* 3) Product Settings */li.productItem, li.productHome, li.didyouknow {	float: left;	width: 140px;	overflow: hidden;	border: 1px solid #c9e5f7;	}	li.productItem, li.productHome {		background: #f4f8f9;		font-size: 12px;		padding-top: 1em;		padding-bottom: 1em;	}	li.productHome {		text-align:center;		margin: 10px 10px 0 0;	}	li.didyouknow {		background: #fecbfe;			}	li.productItem{				margin: 10px 10px 0 0;		text-align:center;		min-height: 308px;	}	li.didyouknow {		height: 300px;		font-size:10px;	}		li.productItem a {		color: #4694c4;		text-decoration: none;		background: #f4f8f9;	}		li.productItem a:hover {			text-decoration: underline;		} li.productItem a img, li.productHome a img{ border:none; }	li.productItem .productTitle {		font-size: 12px;	}							}		.productTitle a {			font-weight:bold;			font-size:12px;			color: #4694c4;		}	.productTitleheight {		min-height: 40px;		text-align:center;		width:140px;	}	.productTitlehome {		min-height: 50px;		text-align:center;		width:140px;	}	.contentControl {		min-height: 30px;		text-align:center;	}	.contentControl a {		color: #4694c4;	}	li.productItem .price_display{		font-weight: bold;		color: #4694c4;		line-height: 1.5em;	}		li.productItem .productActions {		text-align: right;		margin-top: 5px;	}		li.productItem .productActions li {			list-style: none;		}			li.productItem .productActions li a {				color: #999;			}			/* 4) jQuery Navigation Bar Styling */.navigationBar {	text-align: center;	margin: 10px 0;	font-size: 12px;}.navigationBar a,.navigationBar .current {	background: #fff none repeat scroll 0% 50%;	border: 1px solid #dddddd;	padding: 2px 6px;	text-decoration: none;	margin:0 1px;}.navigationBar .current {	color: #e31212;	font-weight: bold;	border: none;}.navigationBar span.prev,.navigationBar span.next {	color: #999;}#Layout .navigationBar a:hover,.navigationBar a:hover {	background: #efecec none repeat scroll 0%;	text-decoration: none;}/* 5) Results Bar Styling */.resultsBar {	height: 21px;	background-color: #c9e5f7;	padding: 2px;	width:730px;}	#Layout .resultsBar p,	.resultsBar p {		margin: 0;		padding: 2px 0;		font-weight: bold;	}		#Layout .resultsBar select.productsDropdown,	.resultsBar select.productsDropdown {		float: left;		width: 10%;	}	#Layout .resultsBar p.productsDropdown,	.resultsBar p.productsDropdown {		float: left;		width: 25%;		text-align: left;		margin-left: 5px;	}	#Layout .resultsBar p.resultsShowing,	.resultsBar p.resultsShowing {		float: right;		width: 50%;		text-align: right;	}	/* css from product file */		.productContent {	width: 540px;}#Product {	margin-left: 205px; }.productImage {	padding-right: 5px;	font-size:12px;	text-align:center;}.product_details{		color: #666;}.product_closeup{	float:right;	color: #666;	overflow: hidden;}.price_display, .price_default{	font-weight:bold;	font-size:14px;	padding-left:5px;	float:left;}.price_display {	color:#FF0000;}.price_default {	text-decoration:line-through;	color:#4694c4;}.featured {	padding-left: 5px;	font-weight: bold;	text-align:left;	border:1px solid red;}.quantityBox {	width:80px;	height:40px;	padding: 5px;	color: #78a33b;	font-weight: bold;	text-align: center;}	.featured {		width:580px;		background: none;		border: #4694c4;		color: #4694c4;	}		.quantityBox a {			vertical-align: middle;					color: #78a33b;					}		.quantityBox a:hover {			text-decoration: none !important;		}	.productActions {		margin-top: 10px;	}		.productActions li {			text-align: right;			list-style: none;		}		.quantityBox .productActions a {			color: #78a33b !important;			line-height: 1.5em;			font-weight: normal;		}form#options label {	font-size: 10px;}form#options fieldset input#Quantity {	width:30px;}/* COMMENTS---------------------------------------- */#CommentHolder ul {	list-style: none;	margin: 20px 0;}#PageComments li {	margin: 5px 0;	padding: 1px;	width: 88%;}	#PageComments li.odd {		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;		padding-left: 40px;		padding-right: 10px;		border-bottom: 2px solid #BCE4FE;	}	#PageComments li.even {		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;		padding-right: 40px;		padding-left: 10px;	}		#PageComments li.odd p.info {			color: #3AA0C3;		}		.actionLinks li {		   display: inline;		   border-right: 1px solid;		}			.actionLinks li a {				padding-right: 3px;				font-size: 10px;			}   			.actionLinks li.last {      			border-right: none;   			}.commentrss {	background: transparent url(../images/feed-icon-14x14.png) no-repeat;	padding-left: 20px;	font-size: 1.1em;	line-height: 1.6em;}#PageCommentsPagination p {	text-align: center;	font-size: 1.2em;}#PageComments p {	font-size: 1em;}	#PageComments p.info {		color: #999;		margin: 0px;		padding: 0;		line-height: 1em;		font-size: 0.9em;	}/* SEARCH RESULTS STYLES------------------------------------------------ */ul#SearchResults {	margin: 10px 0;}	ul#SearchResults li {		list-style: none;		margin: 5px 0;		font-size: 1em;	}/* SEARCH FORM -----------------------------------------------*/html #SearchForm_SearchForm {	float: right;	width: 240px;	margin: 5px;}html #SearchForm_SearchForm .middleColumn {	float: left;	width: 164px;	margin: 0 5px 0 0;	padding: 2px;	background-color: #51a9df;	}	html #SearchForm_SearchForm .middleColumn input.text {		width: 160px;		border: none;		color: #666;	}html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {	float: left;	margin-top: 2px;}/* MESSAGEBOXS--------------------------------------------- */.message {	margin: 15px;	padding: 5px;	width: 92%;	color: #979908;	border: 4px solid #F7F8B4;	background: #FFFFEA;}span.middleColumn .message {	margin: 4px 0 0 3px;}.required {	margin: 4px 0 0 3px;	padding: 5px;	width: 92%;	color: #DC1313;	border: 4px solid #FF7373;	background: #FED0D0;}p#Remember label {	margin: -24px 0 0 20px;	text-align: left;}.entry {	border-bottom: 1px solid #eee;}.typography #Content p.authorDate {	color: #444;	margin-top: -15px;	}/* UNSUBSCRIBE NEWSLETTER------------------------------------------------ */#Unsubscribe_MailingListForm_MailingListForm{	min-height:100px;}	#Unsubscribe_MailingListForm_MailingListForm p{		margin:0 !important;		padding:10px;	}		#Unsubscribe_MailingListForm_MailingListForm p label{			display: inline;		}	#Unsubscribe_MailingListForm_MailingListForm label{		margin:0;	}/* FOOTER----------------------------------------------- */