/****************************************************
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:#013567; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#013567; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:900px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:100%; margin:0; height:200px;}


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

#phonenumber {position:absolute; left:75px; top:95px; color:#013567; font-size:20px; 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:157px; height:auto; margin:0px; padding:1px 2px;  color:#990000; font:14px;}
#secondaryNavInside {background-color:#F0F0F0; width:144px; margin:0 auto; padding-top:10px;}
#secondaryNavTitle {margin:0px 10px 0px 10px; padding:0px 0px 10px 5px; background-color:#F0F0F0; color:#990000; width:135px; font-size:14px; font-weight:bold;}
#secondaryNavTitle h2 {color:#990000;}
#secondaryNav ul { background-color:#F0F0F0; width:130px; 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:120px; 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; width:144px;}
#secondaryNavBottom img { margin:0 auto; width:107px;}


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

#zipCodeSearch {top:20px; text-align:left; margin:0 auto; width:400px; background:url(../img/layout/searchOrn.jpg) top center no-repeat; padding-top:70px; z-index:99;}
#zipCodeSearch p { float:left; margin:0 10px 0 30px; }
#zipCodeSearch submitSearch{height:40px; width:200px; text-align:center; margin:0 auto;}

#secondaryNavtop {background:url(/img/layout/sidenav_top.jpg) top left no-repeat; width:159px; height:4px;}
#secondaryNavbottom {background:url(/img/layout/sidenav_bottom.jpg) top left no-repeat;  width:159px; 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:126px; height:37px; background:url(/img/layout/navbutton.jpg) top left no-repeat; text-align:center; margin:0px 1px; }
#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:14px; 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;}

#mainNav #pubTreeItem1330 a {height:37px; display:block; line-height:15px; color:#FFFFFF; text-decoration:none; padding:0 14px; float:left; font-size:14px; font-family:Helvetica, Arial, san-serif; font-weight:bold; margin-left:auto; margin-right:auto; padding:5px 0px 0px 0px; width:126px;}


#mainNav #pubTreeItem1330 { float:left; display:inline-block; position:relative; width:126px; height:37px; background:url(/img/layout/navbutton.jpg) top left no-repeat; text-align:center; margin:0px 1px;  }

#mainNav #pubTreeItem1378 a {height:37px; display:block; line-height:15px; color:#FFFFFF; text-decoration:none; padding:0 14px; float:left; font-size:14px; font-family:Helvetica, Arial, san-serif; font-weight:bold; margin-left:auto; margin-right:auto; padding:5px 0px 0px 0px; width:126px;}


#mainNav #pubTreeItem1378 { float:left; display:inline-block; position:relative; width:126px; height:37px; background:url(/img/layout/navbutton.jpg) top left no-repeat; text-align:center; margin:0px 1px;  }

/*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:#013567; text-decoration:underline;}
#container a:hover {color:#710202; text-decoration:none;}
#content {float:left; min-height:335px; width:735px; margin:0 0 0 5px;}
#contentLeft {float:left; width:160px; min-height:335px; margin:0 0 10px 0; }

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

#container strong {color:#CC0000;}

.comfortgenielogo {text-align:right;}

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

#homecolumnleft {width:415px; float:left; margin:0 0 0 10px;}
#homecolumnleft ul {list-style:none; display:inline; width:410px; margin:0; padding:0;}
#homecolumnleft ul li {float:left; margin:0 0 6px 0; padding:0 6px; 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:124px; padding:0 10px; }
.searchBox {width:130px; }
#searchButtonHolder { width:50px; margin:4px 0px 0px 0px; padding:0px 0px 10px 0px; }
.searchButton {margin:3px 0 0 0;}
#search { margin:0 auto;}


/*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; width:119px;  font-weight:bold; color:#013567;}
#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:600px;
}
#treePageListWrapper li { float:left; font:12px Verdana, Geneva, sans-serif;
}
#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;}

#productInfoWrapper{width:410px;}
#productInfoDescription{width:410px; min-height:250px;}
#productInfoImage{height:270px; text-align:right; float:left; padding:0px 10px 0px 0px;}
#orderWrapper {width:730px; padding:5px; clear:both;}
.tabContent {padding:5px;}

#addToCartPrice {float:left; width:120px; padding:6px 0px 0px 0px;}
#addToCartQuantity {float:left; width:110px; padding:5px 0px 0px 0px;}
.productOptions{float:left;}
#addToCartButton {float:left;}

/* 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 */

.goog-te-gadget select {width:130px;}

#google_translate_element {margin-left:3px;}

/*******************************************************/
/******** 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 */