/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background-color:#fff;} 

img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#990000; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#990000; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:900px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:100%; margin:0;}
#wrapperZip { position:relative; top:10px; background:url(../img/landingImg.jpg) top center no-repeat; width:514px; height:529px; margin:0 auto;}
#zipSearch { position:relative; bottom:80px; margin:0 auto; width:220px; }

#topHeader{margin:0; padding:3px 0px 0px 3px; width:300px; font-size:12px; color:#982625; float:left;}
#logo {background:url(/img/layout/headerNew.jpg) top left no-repeat; width:900px; height:100px;}
#logo a {width:100%; height:100px; display:block;}

#phonenumber {position:absolute; left:79px; top:70px; color:#d10800; font-size:22px; font-weight:bold; font-family: Helvetica, sans-serif;} 

#subNav {position:absolute; top:7px; right:0px; font-size:12px; line-height:1.4em;  float:left;}
#subNav li {float:left; list-style:none; margin:0 5px;}

#secondaryNav {background:url(/img/layout/sidenav_bg.jpg) top left repeat-y; width:137px; height:auto; margin:0px; padding:0px;  color:#990000; font:14px;}
#secondaryNavInside {background-color:#F0F0F0; width:124px; margin:0 auto; padding-top:10px;}
#secondaryNavTitle {margin:0px 10px 0px 10px; padding:0px 0px 10px 5px; background-color:#F0F0F0; color:#990000; width:115px; font-size:14px; font-weight:bold;}
#secondaryNavTitle h2 {color:#990000;}
#secondaryNav ul { background-color:#F0F0F0; width:110px; margin:0px 5px; padding:0px 0px 0px 5px;}
#secondaryNav ul ul { margin:0px; width:85px; padding-left:10px;}
#secondaryNav li { list-style:none; font-size:14px; line-height:17px;  width:100px; padding:0px; margin:0px; text-align:left;}
#secondaryNav a {text-decoration:none;}
#secondaryNav a:hover {text-decoration:underline;}
#secondaryNavBottom {margin-top:15px; padding-bottom:10px;}
#secondaryNavBottom img{ margin:0 auto;}


#Mattresses {margin:10px 10px 0px 10px; padding:0px 0px 10px 5px; background-color:#F0F0F0; color:#990000; width:115px; font-size:14px; font-weight:bold; color:#990000;}
#Mattresses ul{font-weight:normal; color:#990000; font-size:11px;}



#secondaryNavtop {background:url(/img/layout/sidenav_top.jpg) top left no-repeat; width:137px; height:4px;}
#secondaryNavbottom {background:url(/img/layout/sidenav_bottom.jpg) top left no-repeat;  width:137px; height:4px;}

#mainNav {width:100%; height:54px; background:url(/img/layout/nav_bg.jpg) top left repeat-x; margin:5px 0px 5px 0px;}
#mainNav ul { padding:7px 0px; margin:0 0 0 0px; }
#mainNav li {float:left; display:inline-block; position:relative; width:139px; height:37px; background:url(/img/layout/navbutton.jpg) top left no-repeat; text-align:center; margin:0px 5px; }
#mainNav li.end {}
#mainNav li a {height:37px; display:block; line-height:37px; color:#FFFFFF; text-decoration:none; padding:0 14px; float:left; font-size:16px; font-family:Helvetica, Arial, san-serif; font-weight:bold; margin-left:auto; margin-right:auto;} 
#mainNav li a:hover {color:#F0F0F0; text-decoration:none;  position:static;}
#mainNav li.end a:hover {}


#mainNav li ul {position:absolute; width:135px; left:-9999px; top:37px; padding:0; font-size:12px;}
#mainNav li:hover ul, #mainNav li.sfhover ul {left:-5px;}

#mainNav ul ul li a {background-color:#F0F0F0; background-image:none; width:135px; font-family:Helvetica, Arial, san-serif; color:#666666; height:auto; padding:0px 0px 0px 5px; font-size:12px; text-align:left; text-decoration:underline;}
#mainNav ul ul li a:hover {background-image:none; background-color:#F0F0F0; color:#9A0000; text-decoration:underline;}
#mainNav ul ul li.end a {}
#mainNav ul ul li.end a:hover {}

#mainNav ul ul ul{display:none;}


/*Ticker*/
#tickerWrapper {height:20px; background-color:#c3c3c3;}
#tickerWrapper table tr {color:#971F1E; }
#tickerText {font-size:16px; font-weight:bold;} 

/*Contact Form*/
#contactFormTitle {color:#666666; font-size:18px; font-weight:bold;}

 /*CONTAINER */ 
#container {width:100%; min-height:375px; height:auto; background:#fff; margin:0;}
#container a {color:#990000; text-decoration:underline;}
#container a:hover {color:#710202; text-decoration:none;}
#content {float:left; min-height:335px; width:760px;}
#contentLeft {float:left; width:140px; min-height:335px; margin:0 0 10px 0; }

#detailWrapper {margin:0px 0px 0px 10px;}



.comfortgenielogo {text-align:right;}

 /*Home Page */ 
#homecolumnright {width:284px; float:left; margin:0 0 0 4px; border:1px solid #cdcdcd; padding:8px;}

#homecolumnleft {width:450px; float:left;}
#homecolumnleft ul {list-style:none; display:inline; margin:0; padding:0;}
#homecolumnleft ul li {float:left; margin:0 0 6px 0; padding:0 12px; height:45px; border-right:1px solid #cdcdcd;}
#homecolumnleft ul li.last {border:none;}
#homecolumnleft ul li a {font:14px "Times New Roman", Times, serif; line-height:45px; text-decoration:none;}
#homecolumnleft ul li a:hover {text-decoration:underline;}


/*Search*/
#storeSearch {width:140px;}
#searchboxHolder {width:100px;}
.searchBox {width:100px;}
#searchButtonHolder { width:50px; margin:2px 0px 0px 0px; padding:0px 0px 10px 0px; }
.searchButton {margin:3px 0 0 0;}
 


/*CMS */
#treePageDetailsTitle {color:#666666; font-size:18px; font-weight:bold;}
#treePageDetailsBreadcrumbsWrapper {padding:0px 0px 0px 10px;}



/* FOOTER */ 
#footer { width:100%; clear:both;}

#freecallouts {padding:0 0 0 10px; margin:10px 0 0 0;}
#freecallouts ul {margin:0; padding:0; display:inline;}
#freecallouts ul li {float:left; list-style:none; margin:0 0 0 5px;}

#brandcallouts {padding:0 0 0 10px; margin:10px 0;}
#brandcallouts ul {margin:0; padding:0; display:inline;}
#brandcallouts ul li {float:left; padding:0 0 0 5px; list-style:none; margin:0; border-right:1px solid #cccccc;}
#brandcallouts ul li.last {border:none;}

#footerLinks {float:left; width:900px; background:url(/img/layout/divider.jpg) top left no-repeat; }
#footerLinks ul {padding:0px; margin:10px;}
#footerLinks li {list-style:none; float:left; padding:0 8px; border-right:1px solid #8c8c8c; height:12px; line-height:12px;}
#footerLinks ul li.end {border:none;}
#footerLinks ul li a {font:10px Arial, Helvetica, sans-serif; color:#8c8c8c; text-decoration:none; text-transform:lowercase;}
#footerLinks ul li a:hover {text-decoration:underline;}

#footerLinks p {position:absolute; top:100; right:10px; padding:0; margin:0; font:10px Arial, Helvetica, sans-serif; color:#8c8c8c;}


#footerLogo {float:left; width:200px; height:150px; background-color:#999999;}

#treeHolder {margin:10px 0px 0px 0px; padding:0px 0px 10px 5px; background-color:#F0F0F0; color:#990000; width:119px;  font-weight:bold; color:#990000;}
#treeHolder ul {margin:0px;}
#treeHolder ul li {padding:5px 0px;}
#treeHolder ul li a {font-size:13px;}

/*********************Store ************************/
.catalogProduct {min-height:150px;}



/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
.categoryList li a {font-size:13px;}
.categoryList ul { margin-top:10px; }
.categoryList ul ul{ margin:0; padding:0;}
.categoryList  ul li a {font-size:12px;}
#createAccountHeader {color:#FFF; background-color:#990D0E;}
#signInHeader {color:#FFF; background-color:#990D0E;}
.searchBox { margin: 0 auto; width:117px;}
#searchButtonHolder { width:65px; margin:0 auto;}


.mainCatalogProductImage img {width:95px;}
.mainCatalogProductImage {width:120px;}
.mainCatalogProduct, .mainCatalogProductName a, .mainCatalogProductName {padding:0; font-size:10px; width:120px;}
.mainCatalogRow {border:none; padding:0; margin:0; font-size:10px;}
.mainCatalogProduct, .mainCatalogProductLast {width:120px; text-align:center; border:none;}
.mainCatalogProductLast {padding:0; border:none;}
.mainCatalogProductPrice {text-align:center; width:120px; font-size:10px; font-weight:bold;}
.mainCatalogProduct {border-right:1px solid #CCCCCC;}
.mainCatalogProductLast {/*border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;*/ padding:0;}

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
float:left;
width: 756px; /* Set to gallery width, in px or percentage */
height: 125px; /* Set to gallery height */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

/* End Gallery Styles */



/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */