/*----------------------------------
	Theme_# 532	
	Cat 	Business & Legal
	Name	Luxury
----------------------------------*/

/*-------------------------------------------------
	@TODO
	* Add navigation1 to sf_navigation in theme.css	
------------------------------------------------ */

/*---------------------------------
	=General
--------------------------------- */

/**
 * Remove bottom margin on Company Name (h1)
 * 
 * @note Allow a normal leading between the tagline and company name
 */
h1 {
	margin-bottom:0;
}

/**
 * @TODO Set heading font sizes
 */
h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	color:#222;	
	font-weight:normal;
}

h1 {font-size:36px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;font-weight:bold}

* html .formwrap {
	width:65%;
}

/*---------------------------------
	=Hide
	* Hide WST-related items			
--------------------------------- */
.sf_pagetitle, .sf_navigation,
.navigation h2.listitemheader,
.sf_extra2, .sf_extra4,
.sf_extra2 span, .sf_extra4 span {
	display:none;
}


/*---------------------------------
	=Structure		
--------------------------------- */

/* CATEGORY MENU BAR */

.sf_category_menubar .widget_header {
	display:none;
}

.sf_category_menubar {
	clear:both;	
	width: 948px;
	padding:0px;
	z-index:50;
	min-height:30px;
	height:auto !important;
	height:30px;	
	font-weight: normal;
	border-left: 1px solid #6B6B6D;
	border-right: 1px solid #6B6B6D;
	margin-bottom: 10px;
	border-bottom: 1px solid #5F5F5F;
	background: #ababab;	
}
 
.sf_category_menubar ul {
	margin: 0;
	padding: 0;
		
}
 
.sf_category_menubar ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height:0px;
}
 
.sf_category_menubar ul li {	
	float:left;
	min-height:12px;
	height:auto !important;
	height:12px;
	padding:2px 6px;
	white-space:nowrap;
}
 
.sf_category_menubar ul li a {
	color: #000000;
	padding:4px 6px;
	text-decoration:none;		
	display: block;
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	font-size:14px;
}
 
.sf_category_menubar ul li a:visited {
	color: #000000;
	text-decoration: none;	
}
 
.sf_category_menubar ul li a:hover { 	
	color: #000000;
	text-decoration: underline;	
}
 
/* Category Menu Bar Subnav */

.sf_category_menubar .subnav {
	left: -999em; 
	list-style: none;
	margin: 0px;	
	padding: 0px;	
	position: absolute;	
	width: 170px;
	z-index:1000;
	border: 1px solid #6B6B6D;
}
 
.sf_category_menubar .subnav  li {
	float: left;
	margin:0;	
	padding:0;	
	width: 170px;
	height:auto;
    white-space:normal;	
	background-color: #ababab;
}
 
.sf_category_menubar .subnav li a {
	width: 160px;
	display: block;
	height:auto;
	padding: 5px;	
	white-space:normal;	
	color: #000000;
}

.sf_category_menubar .subnav  li a:visited {
	color: #000000;
}
 
.sf_category_menubar .subnav  li a:hover {
	text-decoration: underline;
	color: #000000;
}
 
#menubar1 li:hover ul, 
#menubar1 li.sfhover ul {
	left: auto;
}
 
#menubar1 iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

#menubar1 li:hover, 
#menubar1 li.hover {  
    position: static;  
} 

/* END CATEGORY MENU BAR */

.outer {
	margin:0;	
}

/** 
 * Allow header height to expand
 * 
 * @note Header content is editable by the user
 */
h1, 
.sf_header_wrapper,
.sf_header_wrapper .sf_main_header,
.sf_header_wrapper .sf_main_header div {
	height:auto !important;
	overflow:visible;
}

.sf_header_wrapper {
	background-color:#f5f4f3;
	background-image:url(images/hbg.jpg);
	background-position:0% 100%;
	background-repeat:no-repeat;
	height:auto;    
	width:950px;
}

.sf_header_wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sf_header_wrapper {display: inline-block;}

/* Hides from IE-mac \*/
* html .sf_header_wrapper {height: 1%;}
.sf_header_wrapper {display: block;}
/* End hide from IE-mac */	

.sf_main_header {
	background-color:transparent;
	background-image:url(images/header_top.gif);
	background-position:50% 0%;
	background-repeat:no-repeat;
	color:#000000;
	display:inline;
	float:left;
	font-family:Georgia, "Nimbus Roman No9 L", serif;
	font-size:24px;  	
	height:265px;/*335*/
	margin-right:15px;
	margin-left:20px;
	overflow:hidden;  
	margin-bottom:10px;
	padding-top:70px;   
	position:relative;
	text-align:center; 
	width:235px;  
}

* html .sf_header_wrapper {
	behavior:none
}

.sf_main_header div{
	height:auto;
	width:250px;
	position:static;
	left:auto;
	top:auto;
}

.titles {
	background-color:transparent;
	background-image:url(images/header_bottom.gif);
	background-position:50% 100%;
	background-repeat:no-repeat;
	padding-bottom:60px;	
}

.sf_content {
	clear:both;
}

.center {
	padding-top:20px;
}

/**
 * @TODO Set width of columns
 */
.left {	
	float:left;
	margin-left:-265px;
	padding:0;	
	width:240px;
}

.sf_sidebar {
	padding:0px; /* This is a contemplayout.css override */
	position:relative; /* IE6 - To show content above .sf_content  */
	height:1%; /* IE6 - Sidebar background chopped on scroll */
}

/*---------------------------------
	=Header		
--------------------------------- */

.sf_header_wrapper .sf_main_header .qsc-site-logo img {
	clear:both;
	display:inline;
	margin:0 0 20px;
}

.company-name {
	font-family:Georgia, "Nimbus Roman No9 L", serif;
	font-size:24px;
	font-weight:normal;
	margin-bottom:5px;
	color:#000000;
}

.slogan {
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666666;
}

.sf_extra3 {
	background-color:transparent;
	background-image:url(images/header_image.gif);
	background-position:50% 0%;
	margin-right:12px;  
	width:630px;
	float:right;   
	display:inline;
}


/*--------------------------------
		Navigation
---------------------------------*/

.navigation1 {
	display:inline;
	float:left;
	margin:20px 0 0 1px;
	width:240px;  
}

.navigation1 ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.navigation1 ul li {
  margin-bottom:10px;
  float:left;	
}

.navigation1 ul li.sf_last_nav_item {
}

.navigation1 ul li.sf_first_nav_item {
}

.navigation1 ul li a {
  display: block;
  background-position:100% 0;
  background-repeat:no-repeat;
  color:#000000;
  padding:15px 0 12px;
  text-decoration:none;  
  text-align:center;
  width: 238px;
}

.navigation1 ul li a:hover {
	background-image:none;
}


/*-------------------------------------
	=Sidebar	
------------------------------------- */
/* CATEGORY TRACKER */

.category-tracker h2.listitemheader a {
	padding:0;
	text-decoration:none;
}

.cat {
	list-style-type:circle;
	margin-left:1.5em;
	font-size:12px;
}

.category-tracker .cat li,
.category-tracker .subcat li,
.category-tracker .subcat2 li {
	padding: 0;
}

.category-tracker a {
	padding:2px 10px 2px 0px;
	display:block;
}

.category-tracker a.active {
	font-weight:bold;
	text-decoration:none;
}

.category-tracker .subcat a {
	padding:2px 10px 2px 10px;
}

.category-tracker .subcat a.active {
	padding:2px 10px 2px 10px;
}

.category-tracker .subcat2 a {
	padding:2px 10px 2px 20px;
}

.category-tracker .subcat2 a.active {
	padding:2px 10px 2px 20px;
}

/* END CATEGORY TRACKER */


.sf_sidebar .content-block {
	padding:10px;
}

.sf_sidebar .content-block h2 {
	border-bottom:1px solid #222;
	margin-bottom:5px;
}

.sf_sidebar a,
.sf_sidebar a:link,
.sf_sidebar a:visited,
.sf_sidebar a:hover,
.sf_sidebar h2 a:hover {
	font-family:Arial, Helvetica, FreeSans, sans-serif;	
	color:#222;
	text-decoration:none;		
}

.sf_sidebar a:hover {
	text-decoration:underline;
}

.sf_sidebar .content-block.navigation {
	padding:0;	
}

.sf_sidebar .list {
	margin-top:.5em;
}

.sf_sidebar .featured-item-button {
	margin-top:.8em;
}


/*---------------------------------
	=Categories
--------------------------------- */

.sf_sidebar ol#categories {
	list-style-type:circle;
	margin-left:1.5em;
}

.sf_sidebar ol#categories .category {
	padding:3px 0;
}

.sf_sidebar ol#categories .category a,
.sf_sidebar ol#categories .category a:visited,
.sf_sidebar ol#categories .category a:hover {
	font-size:12px;
	display:block;
}


/*---------------------------------
	=Forms
--------------------------------- */
/**
 * Buttons
 */
.btn {
	background-color:#f5f5f5;	
	border:1px solid #888;
	border-top:1px solid #888;
	border-left:1px solid #888;
	color:#565656;
	cursor:pointer;
	display:block;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	line-height:17px;           /* Safari */
	margin:2px;	
	overflow:visible;  
	padding:4px 10px 4px 7px;   /* Firefox */
	text-decoration:none;
	width:auto;	
}

/* Standard */
.btn:hover {
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}

.btn:active {
	background-color: #6299c5;
	border:1px solid #6299c5;
	color:#fff;
}

/**
 * Advanced browsers only:
 * Put space in between adjacent buttons
 */
.btn + .btn {
	margin-left:5px;	
}

* html .btn  {
	display:inline; 
	padding:4px 10px 3px 7px;   /* IE6 & 7 */
}

/**
 * Misc button alignments
 */
.category-page .btn,
.featured-item .btn {
	float:right;	
}

/**
 * General form fields
 */ 
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; }
legend      { font-weight: bold; font-size:1.2em; }

/**
 * Style all the text boxes
 * @note No Support for IE 6, styles are negligible
 */
input[type="text"], input[type="password"] {
  margin:3px 0;
  border:1px solid #bbb;
  padding:5px;   
}

input[type="text"]:focus, input[type="password"]:focus, 
select:focus, textarea:focus {
	border:1px solid #666;
}

/**
 * =Search
 */
#searchAdvancedForm input[type="text"] {	
	padding:5px 3px;
}

#searchAdvancedForm  select {
	margin:8px 0px !important;
	margin:1px 0px 8px;
} 

#searchQuickForm {
	width:130px;
	position:relative;
}

#searchQuickForm:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#searchQuickForm {display: inline-block;}

/* Hides from IE-mac \*/
* html #searchQuickForm {height: 1%;}
#searchQuickForm {display: block;}
/* End hide from IE-mac */

#searchQuickForm #searchtext {
	width:130px;
} 

#searchQuickForm li input.btn {
	position:relative;
	top:3px;
	left:-2px;	
}

#searchQuickForm li a {
	display:inline;
	display:block;
	font-size:10px;
	padding-left:2px;
	width:30px;
	padding-top:0px;
	margin-top:2px;
	line-height:1;
	position:relative;
	top:4px;
}

.welcome h1 {
	font-size:1.4em;
}

/**
 * ========================
 *          HACK          
 * ========================
 * 
 * Target Safari only. 
 * Relative positioning is different for Safari
 */
html[xmlns*=""] body:last-child #searchQuickForm li a { 
	top:-23px;
	left:4.5em;
}

/* Style the background color for the psuedo-ie6hover class */
.btn.ie6hover { background-color: #dff4ff }

/*-------------------------------------
	=Content
	* Use standard border colors	
------------------------------------- */

.sf_content .float-wrap .category-page .product-row  .content-product,
.sf_content .float-wrap .product-page .upsell div,
.sf_content .float-wrap .main-content dl.content-product {
	border:1px solid #ccc;
} 

.sf_content .float-wrap .product-page .product-primary,
.sf_content .float-wrap .product-page .product-options,
.sf_content .float-wrap .product-page .imageanddetails, 
.sf_content .float-wrap .product-page .product-secondary {
	border-color:#cccccc;	
}

/*-------------------------------------
	=Upsell and related items	
------------------------------------- */
.sf_content .float-wrap .product-page .upsell div {
	border-bottom:0px;	
}

.upsell h3 {
	border-bottom:1px solid #666;	
	font-weight:normal;
	padding:3px;
	margin-bottom:5px;		
}

.upsell table td {
	padding:5px;
	border-bottom:1px solid #ccc;	
}
	
.upsell table td a:hover {
	text-decoration:underline;
}


/*-------------------------------------
	=Breadcrumbs and Messages
	* Delete when default CSS changes	
------------------------------------- */
#breadcrumbs {
	margin:.5em 0em 1em;
}

ul#messages {
	margin:0 0 2em 0;
	list-style-type:none;	
}

#messages li {
	padding:.4em;
	margin:.5em 0em;
	font-weight:bold;
}

#messages .error {
	color:#cc0000;
	background-color:#FFCFCF;
	border: 1px solid #cc0000;
}

#messages .info {
	color:#009900;
	background-color:#ccffcc;
	border: 1px solid #009900;
}


/*-------------------------------------
	=Footer	
------------------------------------- */
.footer {
	font-size:12px;
	margin-bottom:5px;	
}

#siteseal {
	text-align:left;
}