/* Kiva default is text-align: center; vertical-align: top; margin-left:auto; margin-right:auto; */

/* colors - light to dark: #FEEAD2  #FED5A6  #BB7E38  #825827 [#825827 gradient to #BB7E38 behind Tabs] */

/* Kiva Defaults *********************************************************************************************************/

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong#font-family, sub, sup, tt, var, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, div, table, th, tr, td, h1, h2, h3, h4, h5, h6 
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}
/* position: relative; fixes css bug in MSIE6*/
/* vertical-align:top set in reset css is Kiva default for product divs*/

dl, dt, dd, ol, ul, li
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}
/* position: relative; fixes css bug in MSIE6*/
/* vertical-align:top set in reset css is Kiva default for product divs*/

p
{
	text-align: left;
	position: relative;
	padding: 5px;
}

/* thesouthweststore template layout - elements in order from top to bottom, including inner divs ************************/

body
{
	background-image: url('http://www.thesouthweststore.com/images/page_layout/abackground3.jpg');
	font-family: helvetica, verdana, arial, sans-serif;
}


/* HEADER ****** HEADER  ****** HEADER ****** HEADER ****** HEADER ****** HEADER ****** HEADER ****** HEADER */

#headerContainer
{
	width: 980px;
	background-color: #BB7E38;
	padding: 5px 10px 0px 10px;
}

/* To change header image - change filename for image below and update height to match new image **********/

#header
{
	width: 960px;
	background: url('../images/headerimage-Southwest_home.jpg') center no-repeat;
	height: 144px;
	z-index 200000;
}


/* MENU ***** MENU ***** MENU ***** MENU ***** MENU ***** MENU ***** MENU ***** MENU ***** MENU ***** MENU */

#menuContainer
{
	width: 980px;
	background-color: #BB7E38;
	padding: 5px 10px 5px 10px;
	height: 60px;
	z-index: 1000;
}

/*SUPERFISH MENU EFFECTS*/	

#swMenuBlock{
	width: 980px;
	position: absolute;
	left: 65px;
	top: 5px;
	z-index: 100000; /*Don't remove this! It's essential to defeat an IE6 z-index bug, purposely set to a huge number to defeat image gallery bug */
}

.swMenuItem {
	width: 124px;
	height: 35px;
	font-size: 1.0em;
	float: left;
}
/* float: left required to make menu li float in IE; redundant with .nav li below*/

/* link styles */
.nav a {
	display: block;
	padding: 5px 0px;
	border: solid 2px #825827;
	text-align: center;
	text-decoration: none;
	color: #000000;
	width: 120px;
	font-weight: bold;
	background-color: #FEEAD2;
}

#swMenu a:hover{
	background-color: #FED5A6;
	text-decoration: none;
}

/* main nav bar */
.nav {
	margin: 0;
	padding: 0;
	line-height: 1;
}

/* all list items */
.nav  li {
	margin:0 !important;
	padding:0 !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
}
/* float: left required to make submenus float w/ parent in FF when used w/ redundant float in .swMenuItem above*/

/* pop-up subnav */
.nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
 	left: 0px; /*This positions the sublink*/
	top: 41px; /* change when you change height of links */
	display: none;
	text-align: center;
}

/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}

/*END OF SUPERFISH*/


/* DESIGNER DISCOUNT CODE ***** DESIGNER DISCOUNT CODE ***** DESIGNER DISCOUNT CODE ***** DESIGNER DISCOUNT CODE */

#dDiscCode
{
	position: fixed;
	top: 50px;
	right: 10px;
	z-index: 100;
	width: 25px;
	height: 25px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-weight: bold;
	font-size: 2.5em;
	margin-right: 0px;
}


/* SHIPPING ***** SHIPPING ***** SHIPPING ***** SHIPPING ***** SHIPPING ***** SHIPPING ***** SHIPPING ***** SHIPPING */

#freeShippingBanner
{
	position: fixed;
	top: 100px;
	right: 5px;
	margin-right: 0px;
	z-index: 200000;
	width: 90px;
	color: #000000;
	font-size: 1.15em;
	font-weight: bold;
	background-color: #FED5A6;
}

#freeShippingBanner a 
{
	color: #000000;
	text-decoration: none;
}

#freeShippingBanner :hover
{
	background-color: #FEEAD2;
}


/* SERIES ****** SERIES ****** SERIES ****** SERIES ****** SERIES ****** SERIES ****** SERIES ****** SERIES */

#seriesContainer
{
	width: 980px;
	background: url('../images/page_layout/sw_background_gradient_BB7E38_FEEAD2.png') #FEEAD2 repeat-x;
	padding: 10px 10px 20px 10px;
	overflow: hidden;
}
/* overflow: hidden forces Firefox to expand the height of this container so the background-color dislays properly */
/* Firefox will not expand container to fit dynamic content - correct CSS behavior, but still a presentation issue */


/* SERIES HEADER ****** SERIES HEADER ****** SERIES HEADER ****** SERIES HEADER ****** SERIES HEADER */

#indexHeader
{
	width: 960;
}

#indexHeader h5
{
	padding: 5px;
}


#seriesHeader
{
	width: 960;
}

#seriesDesc
{
	width: 400px;
	float: left;
}

#seriesDesc h4
{
	padding: 10px 0px;
}

#seriesDesc p
{
	font-weight: bold;
}

#seriesDesc ul
{
	left: 30px;
	font-weight: bold;
}

.seriesUlHeader
{
	font-size: 1.1em;
	text-decoration: underline;
}


#seriesImgContainer
{
	width: 560px;
	float: left;
	padding: 10px;
}


/* MATCHING PRODUCTS ****** MATCHING PRODUCTS ****** MATCHING PRODUCTS ****** MATCHING PRODUCTS */

/* to add the matching products section to a page - follow directions in <head> section of the page */
#matchingContainer
{
	padding: 10px 10px 0px 10px;
	overflow: hidden;
}

#matchingContainer a
{
	color: #000000;
	text-decoration: none;
}

#matchingContainer a:visited
{
	text-decoration: none;
}

#matchingContainer a:hover
{
/*	font-weight: bold;*/
	text-decoration: underline;
}

.matchingImgContainer
{
	width: 200px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
/* zoom:1; *display: inline; is an IE7 hack to fix display-inline issue */



/* INDEX ***** INDEX ***** INDEX ***** INDEX ***** INDEX ***** INDEX ***** INDEX ***** INDEX ***** INDEX ***** INDEX */

#indexGalleryContainer
{
	width: 960px;
	padding: 10px 0px 20px 0px;
}

#indexGalleryContainerLeft
{
	width: 300px;
	padding: 10px 0px 20px 0px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
/* zoom:1; *display: inline; is an IE7 hack to fix display-inline issue */

#indexGalleryContainerCenter
{
	width: 300px;
	padding: 10px 30px 20px 30px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
/* zoom:1; *display: inline; is an IE7 hack to fix display-inline issue */

#indexGalleryContainerRight
{
	width: 300px;
	padding: 10px 0px 20px 0px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
/* zoom:1; *display: inline; is an IE7 hack to fix display-inline issue */

#indexGalleryContainer h4
{
	clear: both;
	padding: 20px 0px 10px 0px;
}

.indexLink
{
	display: inline-block;
	font-weight:bold;
	margin: 10px 5px;
	zoom: 1;
	*display: inline;
}
/* zoom:1; *display: inline; is an IE7 hack to fix display-inline issue */

.indexLink img
{
	border-top: solid 8px #BB7E38;
	border-left: solid 8px #BB7E38;
	border-bottom: solid 8px #825827;
	border-right: solid 8px #825827;
}

.indexLink a
{
	color: #000000;
	text-decoration: none;
}

.indexLink a:visited
{
	text-decoration: none;
}

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

.indexLink a:hover img
{
	border-color: #FED5A6 #BB7E38 #BB7E38 #FED5A6;
}

.indexPrice
{
	color: #007500;
}

.indexSubtitle
{
	font-size: 0.8em;
}

.indexHoursAddress
{
	padding: 10px 20px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
/* zoom:1; *display: inline; is an IE7 hack to fix display-inline issue */


/* FOLDERS ****** FOLDERS ****** FOLDERS ****** FOLDERS ****** FOLDERS ****** FOLDERS ****** FOLDERS */

#folderContainer
{
	width: 960px;
	background: url('../images/page_layout/sw_background_gradient_825827_BB7E38.png') #BB7E38 repeat-x;
	padding: 2px 2px;
	overflow: hidden;
}


/* TABS ***** TABS ***** TABS ***** TABS ***** TABS ***** TABS ***** TABS ***** TABS ***** TABS */


#tabList
{
	list-style: none;
}

#tabList li
{
	float: left;
	border: 1px solid #825827;
	margin: 0px 3px;
}


#tabList a
{
	color: #000000;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	background: #BB7E38 url('../images/page_layout/tab_BB7E38_Left.png') no-repeat left top;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 7px;
}

#tabList a span
{
	background: #BB7E38 url('../images/page_layout/tab_BB7E38_Right.png') no-repeat right top;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 7px;
}


.tabFolder
{
	display:none;
	position: absolute;
	top: 26px;
	left: 2px;
	clear: both;
	background-color: #FEEAD2;
	width: 950px;
	padding: 10px 5px;
	overflow: hidden;
	z-index: 1000;
}


.tabFolderText
{
	display: block;
	text-align: left;
	padding: 0px 5px;
}

.tabFolder ol ul
{
	margin-left: 50px;
}

.tabFolder li
{
	text-align: left;
	margin-left: 30px;
	font-size: 0.9em;
	font-weight: bold;
}

.tabListHeader
{
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	float: left;
	clear: both;
	text-decoration: underline;
	left: 75px;
}


/* PRICE ****** PRICE  ****** PRICE  ****** PRICE  ****** PRICE ****** PRICE ****** PRICE ****** PRICE  */

.prodGroup
{
	margin: 0px 20px;
	float:left;
}

.prodGroup h5
{
	text-decoration: underline;
}

.prodDesc
{
	display: inline-block;
	margin: 7px;
	zoom: 1;
	*display: inline;
}

/* .prodDesc height defined in <head> section of each page */
/* Other .product elements are defined in eCOMMERCE ELEMENTS section below; Styling is same as Google Checkout .products */

.priceSubHeader
{
	clear: both;
	font-weight: bold;
	margin-top: 10px;
}

.freeShippingBanner
{
	clear: both;
	color: #007500;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
}

.productSalePrice
{
	color: #990000;
	font-size: 1.0em;
	font-weight: bold;
}

.kivaSalePrice
{
	color: #990000;
	font-size: 1.1em;
	font-weight: bold;
}


.alPricing
{
	clear: both;
	color: #007500;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 40px;
}


/* DESIGN ***** DESIGN ***** DESIGN ***** DESIGN ***** DESIGN ***** DESIGN ***** DESIGN ***** DESIGN ***** DESIGN */

#designFolder div
{
	float: left;
	z-index: 1000;
}

.designFolderLeft
{
	width: 55%;
}

.designFolderRight
{
	width: 45%;
}

#designFolder ol
{
	list-style-type: decimal;
	float: left;
	clear: left;
}

.designLabel
{
	font-weight: bold;
}

.designBlock 
{
	width: 100%;
}



/* COLOR ****** COLOR ****** COLOR ****** COLOR  ****** COLOR  ****** COLOR  ****** COLOR  ****** COLOR  ****** COLOR */

.colorContainer
{
	width: 125px;
	height: 180px;
	float: left;
	padding: 5px;
	font-size: 0.8em;
	font-weight: bold;
}


/* LINER ***** LINER ***** LINER ***** LINER ***** LINER ***** LINER ***** LINER ***** LINER ***** LINER ***** LINER */

.linerContainer
{
	float: left;
	padding: 10px 8px;
	font-weight: bold;
}


/* OPTIONS ***** OPTIONS ***** OPTIONS ***** OPTIONS ***** OPTIONS ***** OPTIONS ***** OPTIONS ***** OPTIONS ***** OPTIONS */

#optionsFolder img
{
	display: inline-block;
	margin: 10px;
	zoom: 1;
	*display: inline;
}


.optionsDesc
{
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 0px 5px 10px 5px;
}
/* .optionsDescwidth, height defined in <head> section of each page */
/* Other .product elements are defined in eCOMMERCE ELEMENTS section below; Styling is same as Google Checkout .products */


/* SPECS ***** SPECS ***** SPECS ***** SPECS ***** SPECS ***** SPECS ***** SPECS ***** SPECS ***** SPECS ***** SPECS */

#specsFolder div
{
	float: left;
}

#specsFolder ul
{
	clear: left;
	float: left;
	margin-bottom: 20px;
}

#specsFolder img
{
	margin: 8px;
}


/* BULBS ***** BULBS ***** BULBS ***** BULBS ***** BULBS ***** BULBS ***** BULBS ***** BULBS ***** BULBS ***** BULBS */

#bulbsFolder div
{
	clear: left;
}


#bulbsFolder ul
{
	margin-bottom: 20px;
}

#bulbsFolder img
{
	float: left;
	padding: 0px 10px;
}


/* IMG ***** IMG ***** IMG ***** IMG ***** IMG ***** IMG ***** IMG ***** IMG ***** IMG ***** IMG ***** IMG ***** IMG */

#imgGalleryContainer
{
	width: 960px;
	padding: 10px 0px 20px 0px;
}

.imgContainer
{
	display: inline-block;
	margin: 10px;
	zoom: 1;
	*display: inline;
}
/* .imgContainer width, height defined in <head> section of each page */

#imgGalleryContainer h4
{
	padding-bottom: 10px;
}

#imgGalleryContainer img
{
	padding: 0px 4px;
}

.imgContainer div
{
	width: 100%;
}

/*allows product divs to align under imgs*/


.imgDesign
{
	font-weight: bold;
}


/* colorOption ***** colorOption ***** colorOption ***** colorOption ***** colorOption ***** colorOption ***** colorOption */

#colorOptionContainer
{
	width: 960px;
	padding: 10px 0px 20px 0px;
}

.colorOption
{
	display: inline-block;
	margin: 2px;
	zoom: 1;
	*display: inline;
	width: 125px;
	height: 200px;
	font-size: 0.8em;
	font-weight: bold;
}


/* SPECIALS **** SPECIALS **** SPECIALS **** SPECIALS **** SPECIALS **** SPECIALS **** SPECIALS **** SPECIALS **** SPECIALS */

#specialsContainer
{
	width: 960px;
	padding: 10px 0px 20px 0px;
}

.specialsOuterContainer
{
}

.specialsInnerContainer
{
	display: inline-block;
	margin: 10px;
	zoom: 1;
	*display: inline;
}

.specialsDescription
{
	font-size: 0.9em;
	font-weight: bold;
	clear: both;
	padding-top: 10px;
}

#specialsContainer h6
{
	padding-top: 10px;
}




.specialRegularPrice
{
	color: #cc0000;
	padding-top: 10px;
}


/* FOOTER ****** FOOTER ****** FOOTER ****** FOOTER ****** FOOTER ****** FOOTER ****** FOOTER ****** FOOTER ****** FOOTER */

#swFooterContainer
{
	width: 980px;
	background-color: #BB7E38;
	padding: 0px 10px 10px 10px;
	overflow: hidden;
	}

#swSubFooter
{
	
	position: absolute;
	width: 1000px;
	padding: 10px 0px;
	color: #FFFFFF;
	background-color: #825827;
}


#swSiteMapHeader
{
	top: 45px;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}

#swSiteMap
{
	top: 50px;
	left: 30px;
	height: 350px;/*update to inrease footer height as required*************************/
}

.swSiteMapList
{
	list-style:none;
	color: #FFFFFF;
}

.swSiteMapListHead
{
	font-weight: bold;
	font-size: 1.0em;
}

.swSiteMapList ul
{
	width: 175px;
	list-style:none;
	float: left;
	height: 21px;
	margin: 0px 5px;
}

.swSiteMapList a
{
	color: #FFFFFF;
}

.swSiteMapList a:link
{
	text-decoration: none;
}

.swSiteMapList a:visited
{
	text-decoration: none;
}

.swSiteMapList a:hover
{
	font-weight: bold;
	text-decoration: underline;
}



/* KIVA FORMATTING & PAGE LAYOUT CLASSES *****************************************************************************/

/* 	DIVIDER ***** DIVIDER ***** DIVIDER ***** DIVIDER ***** DIVIDER ***** DIVIDER ***** DIVIDER ***** DIVIDER ***** DIVIDER */
/*  Set the height of each divider to the height of the img used as its background  */

.swC154Divider
{
	width: 100%;
	margin: 10px 0px 10px 0px;
	clear: both;
	background: url('../images/page_layout/southwest_C154_divider.jpg') center repeat-x;
}

.swDividerTurquoise
{
	width: 100%;
	height: 12px;
	margin: 10px 0px 10px 0px;
	clear: both;
	background: url('../images/page_layout/KV_sw_divider_kv1-701.jpg') center repeat-x;
}


/* HEADER STYLES **************************************************************************************/
h1
{
	font-size: 2.0em;
	font-weight: bold;
}

h2
{
	font-size: 1.75em;
	font-weight: bold;
}

h3
{
	font-size: 1.5em;
	font-weight: bold;
}

h4
{
	font-size: 1.25em;
	font-weight: bold;
}

h5
{
	font-size: 1.0em;
	font-weight: bold;
}

h6
{
	font-size: 0.8em;
	font-weight: bold;
}

.subFontSize08
{
	font-size: 0.8em;
	font-weight: bold;
}

.faqsQ
{
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
}

.faqsA
{
	text-align: left;
	font-weight: bold;
}


/* eCOMMERCE ELEMENTS *************************************************************************************/

.product
{
	float: left;
}

.product-title
{
font-weight: bold;
font-size: 1.0em;
}

.product-attr-description
{
font-weight: bold;
font-size: 1.0em;
}

.product-attr-select
{
font-weight:normal;
font-size:small
}

.product-attr-unittype
{
font-weight:bold;
font-size:medium
}

.product-price
{
font-weight:bold;
font-size: 1.0em;
color: #008000
}

.googlecart-quantity
{
font-weight:bold;
font-size:small
}

.product-attr-houseNumber
{
font-weight:bold;
font-size:small
}

.product-attr-length
{
font-weight:normal;
font-size:small
}

.copper-canyon-order
{
font-weight:bold;
color: #008000;
font-size:large
}

.kiva-option
{
font-weight:bold;
font-size:medium
}

.kiva-price
{
font-weight:bold;
color: #007500
}

.kiva-title
{
font-weight:bold;
font-size:medium
}

.kiva-seperator
{
width: 90%;
height: 6px;
}

.kivaadditionaldesc
{
	font-size: 0.8em;
	font-weight: bold;
	clear: both;
}




/* */
/* */