/* 
    AUTHOR: Westward Strategy & Design Group, LLC.
            www.westwardstrategy.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { 
  margin: 0; 
  padding: 0; 
  }
html { 
  overflow-y: scroll; 
  }
body { 
  font: 62.5% Arial, Verdana, sans-serif; 
  color: #212121;
  }
ul { 
  list-style: none; 
  }
p { 
  font-size: 1.2em; 
  line-height: 1.4em; 
  margin-bottom: 1.3em; 
  }

a { 
  outline: none; 
  }
a img { 
  border: none; 
  }
/* END RESET */


body {
  background: #043b73 url(img/body_bg.gif) 0 0 repeat-x;
  }

#main_container {
  width: 1015px;
  margin: 0 auto;
  background: url(img/main_container_bg.png) 0 0 no-repeat;

  }


/* ----------------- */
/* Navigation Styles */
/* ----------------- */
.rhm1{
    clear: both;
	width:960px;
	height:52px;
	margin:10px auto 7px auto;
	background:url(img/rhm1_bg.png) repeat-x;		
}
.rhm1-left{
	background:url(img/rhm1_l.png) no-repeat;
	width:15px;
	height:52px;
	float:left;
}
.rhm1-right{
	background:url(img/rhm1_r.png) no-repeat;
	width:15px;
	height:52px;
	float:right;
}
.rhm1-bg{
	background:url(img/rhm1_bg.png) repeat-x;
	height:52px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg #main_nav li{
	float:left;
	list-style:none;
}
.rhm1-bg #main_nav li a{
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size: 1.8em;
	font-weight:bold;
	padding:0 0 0 18px;
	height:52px;
	line-height:40px;
	text-align:center;
	cursor:pointer;	
}
.rhm1-bg #main_nav li a span{
	float:left;
	display:block;
	padding:6px 25px 0 8px;
}

.rhm1-bg #main_nav li a:hover{
	color:#fff;
	background:url(img/rhm1_hover_l.png) no-repeat left 12px;
}
.rhm1-bg #main_nav li a:hover span{
	color:#fff;
	background:url(img/rhm1_hover_r.png) no-repeat right 12px;
}

.rhm1-bg li.current a{
	color:#fff;
	background:url(img/rhm1_hover_l.png) no-repeat left 12px;
}
.rhm1-bg li.current a span{
	color:#fff;
	background:url(img/rhm1_hover_r.png) no-repeat right 12px;
}

#sub_nav {
  float: right;
  margin: 20px 0 0 0;
  }

#sub_nav li {
  float: left;
  }

#sub_nav li a {
  display: block;
  padding: 0 15px;
  font-size: 1.3em;
  text-decoration: none;
  border-right: solid 1px #2966ad;
  color: #c9ddff;
  }

#sub_nav .last {
  border: none;
  }

 #logo {
  float: left;
  margin: 0 0 15px 0;
  } 

#header_right {
  float: right;
  margin: 12px 30px 0 0;
  text-align: right;
  }

#header_right li {
  float: left;
  margin: 0 0 0 20px;
  }

#header_right li a {
  text-transform: uppercase;
  text-decoration: none;
  color: #3661c7;
  }

#header_right p {
  margin: 0 0 40px 0;
  font-size: 1.4em;
  font-style: italic;
  color: #333;
  }

#myGallery {
  margin: 0 0 0 20px;
  }

#home_content {
  padding: 0 20px;
  background: url(img/container_bg.gif) 0 0 repeat-y;
  }


#bottomboxes {
  clear: both;
  margin: 0 0 0 13px;
  padding: 0;
  list-style: none;
  }

#bottomboxes li {
  float: left;
  width: 283px;
  margin: 0 10px 10px 0;
  padding: 12px;
  border: solid 1px #bcb196;
  color: #333;
  }

#bottomboxes a {
  padding: 0 12px 0 0;
  text-decoration: none;
  font-weight: bold;
  color: #497ad3;
  background: url(img/blue_arrow.gif) right center no-repeat;
  }

#bottomboxes a.imglink {
  padding: 0;
  background: none;
  }

#bottomboxes .title {
  float: left;
  width: 53%;
  font-size: 1.2em;
  font-weight: bold;
  color: #003366;
  }

#bottomboxes p {
  width: 53%;
  float: left;
  clear: left;
  }

#bottomboxes img {
  float: right;
  margin: 0 0 0 7px;
  border: solid 1px #9a9899;
  }

#bottomboxes .one {
  background: #f5f0eb ;
  }

#bottomboxes .two {
  background: #f5f0eb ;
  }

#bottomboxes .three {
  background: #f5f0eb;
  }


#footer {
  width: 100%;
  background: url(img/footer_bg.png) left bottom no-repeat;
  }

#footer_logo {
  float: left;
  margin: 0 0 0 20px;
  }

#foot_content {
  float: left;
  }

#footer_nav {

  }

#footer_nav li {
  float: left;
  border-bottom: solid 1px #e9e9e9;
  background: #fff url(img/foot_sep.gif) top right no-repeat;
  }

#footer_nav li a {
  display: block;
  padding: 20px 12px 13px 12px;
  font-size: 1.1em;
  color: #266492;
  }

#footer_nav .privacy {
  padding: 0 0 0 85px;
  }

#footer_nav .flinks a {
  color: #414141;
  }

#footer_nav li.last {
  background-image: none;
  }

#footer p {
  clear: both;
  padding: 10px;
  font-size: 1.1em;
  font-weight: bold;
  color: #999;
  }

#footer p span {
  font-weight: normal;
  } 
  

/* ----------------- */
/*    Page Styles    */
/* ----------------- */  

#page_content {
  width: 975px;
  margin: 19px 20px 0 20px;
  border-top: solid 1px #fff;
  background: #fff; 
  }

#right {
  float: right;
  width: 764px;
  margin: 0 12px 0 0;
  }

#breadcrumbs {
  margin-top: 10px;
  padding: 10px 15px;
  font-size: 1.1em;
  background: #000;
  color: #d6d6d6;
  }

#page_content #breadcrumbs a {
  text-decoration: none;
  color: #d6d6d6;
  }
  
#breadcrumbs a:hover {
  text-decoration: underline;  
  }

#page_content h1 {
  margin: 20px 12px 35px 12px;
  font-size: 2.6em;
  font-family: Georgia, Times, serif;
  font-weight: normal;
  color: #666;
  }

#page_content h2 {
  margin: 15px 0 4px 12px;
  font-size: 1.4em;
  color: #333;
  }

#page_content p {
  margin: 0 30px 15px 12px;
  line-height: 1.4em; 
  margin-bottom: 1.3em; 
  font-weight: normal;
  color: #666;
  }  



#page_content a {
  color: #497ad3;
  text-decoration: underline; 
  }
  
#page_content a:hover {
  color: #497ad3;
  text-decoration: none; 
  }
  
 

#sidebar {
  width: 190px;
  padding-top: 10px;
  }

#sidebar ul {
  margin: 0 10px;
  padding-bottom: 8px;
  border: solid 1px #c9c1ab;
  }

#sidebar #about {
  margin: 0 10px 12px 10px;
  padding-bottom: 8px;
  border: solid 1px #c9c1ab;
  }


#sidebar h4 {
  margin: 0px 10px 0 10px;
  padding: 9px 0 5px 10px;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: normal;
  color: #333;
  border-top: solid 1px #c9c1ab;
  border-right: solid 1px #c9c1ab;
  border-left: solid 1px #c9c1ab;
  background: #f7f3ef;
  }

#sidebar h4.comfort {
  border-top: none;
  }

#sidebar li {
  margin: 10px 10px 7px 10px;
  }

#sidebar li a {
  font-size: 1.1em;
  text-decoration: none;
  color: #497ad3;
  }

#sidebar dd a:hover {
  text-decoration: underline;
  }

.border {
  margin: 0 13px;
  border-top: solid 4px #095a8e;
  }

.entry h3 {
  font-size: 1.3em;
  color: #497ad3;
  }

.entry dl {
  float: left;
  height: 200px;
  min-height: 200px;
  margin: 0 15px 15px 15px;
  width: 158px;
  color: #497ad3;
  }
  

html>body .entry dl {height:auto}
  

.entry dl dt {
  padding-bottom: 5px;
  font-size: 1.5em;
  font-weight: bold;
  }

.entry dl dd {
  margin: 4px 0;
  font-size: 1.1em;
  }

.entry dd a {
  text-decoration: none;
  color: #497ad3;
  }

.entry dd a:hover {
  text-decoration: underline;
  }

#tabcontainer {
  clear: both;
  width: 725px;
  }

.anchors {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0 0 1px 0;
  background: none;
  }
  
.anchors:after { 
  display: block;
  clear: both;
  content: " ";
  }
  
.anchors li {
  float: left;
  margin: 0 1px 0 0;
  }

#tabcontainer .anchors a {
  display: block;
  position: relative;
  top: 2px;
  z-index: 2;
  margin: 0 4px 0 0px;
  padding: 9px 13px 10px 13px;  
  color: #497ad3;
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  }

#tabcontainer .anchors #generallink {
  padding: 9px 6px 5px 6px;
  background: #f7f3ef;
  }

#tabcontainer .anchors #coverlink {
  padding: 9px 6px 5px 6px;
  background: #f7f3ef;
  }

#tabcontainer .anchors #interiorlink {
  padding: 9px 6px 5px 6px;
  background: #f7f3ef;
  }

#tabcontainer .anchors #foundationslink {
  padding: 9px 6px 5px 6px;
  background: #f7f3ef;
  }

#tabcontainer .anchors #reviewslink {
  padding: 9px 6px 5px 6px;
  background: #f7f3ef;
  }

.anchors .on a {
  padding-bottom: 5px;
  }
  
.anchors a:focus, .anchors a:active {
  outline: none; 
  }
  
.anchors .on a, .anchors a:hover, .anchors a:focus, .anchors a:active,
.anchor {
  background: #f1f1f1;
  }

#tabcontainer .anchors .on #generallink, 
#tabcontainer .anchors .on #coverlink, 
#tabcontainer .anchors .on #interiorlink, 
#tabcontainer .anchors .on #foundationslink,
#tabcontainer .anchors .on #reviewslink {
  border-top: solid 1px #bcb196;
  border-right: solid 1px #bcb196;
  border-left: solid 1px #bcb196;
  background: #fff;
  }

.anchors .on a:link, .anchors .on a:visited { 
  cursor: text;
  }

.anchors a:hover, .anchors a:focus, .anchors a:active {
  cursor: pointer;
  }

.anchor {
  margin-bottom: 15px;
  padding: 20px 10px 15px 10px;
  border: solid 1px #bcb196;
  background: #fff;
  }

#product_photo {
  width: 275px;
  float: right;
  margin-left: 20px;
  }

#view_larger {
  float: right;
  }

#pages .entry .prod_link a {
  display: block;
  margin-left: 30px;
  padding: 5px 8px;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background: url(/library/wp-content/themes/Paramount/img/prod_details_bg.gif) 0 0 no-repeat;
  }

#pages .entry .prod_link a:hover {
  background: url(/library/wp-content/themes/Paramount/img/prod_details_hover.gif) 0 0 no-repeat;
  }

.entry #General ul, .entry #Cover ul,
.entry #Foundations ul, .entry #Interior ul,
.entry #General ol, .entry #Cover ol,
.entry #Foundations ol, .entry #Interior ol, .page ul,
#page_content div.blog ul, #sitemap {
  margin-left: 35px;
  margin-bottom: 25px;
  font-size: 1.2em;
  line-height: 1.4em; 
  list-style: disc;
  color: #666;
  }
  
#sitemap {
  line-height: 2em;
  }  

.tborder {
  padding: 5px;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  }

.tleft {
  border-left: none;
  }

.tright {
  border-right: none;
  }
  
*html #logo {
  float: left;
  margin: 0 0 0px 0;
  }
  
*html #page_content {
  margin: 7px 20px 0 20px;
  }
  
*html #right {
  float: right;
  width: 764px;
  margin: 0 6px 0 0;
  }
  
*html .entry dl {
  margin: 0 7px 15px 7px;
  }
  
  
*+html  #logo {
  float: left;
  margin: 0 0 0px 0;
  }  

*+html .entry {
  padding-bottom: 20px;
  }  
  

.wsplaces {
  float: left;
  margin: 0 0 10px 25px;
  padding: 10px;
  width: 285px;
  border: solid 1px #BAC7D6;
  } 

.wsplaces input, .wsplaces textarea, .wsplaces select {
  margin: 0 0 14px 0;
  padding: 3px;
  width: 275px;
  border: solid 1px #BAC7D6;
  color: #333;
  background: #EDF3F4;
  }

.wsplaces select.dselect {
  width: 50px;
  }

.wsplaces input.sendbutton {
  margin: 0 0 0 15px;
  display: block;
  width: 80px;
  border: solid 1px #919DAC;
  background: #BAC7D6;
  }

.wsplaces label {
  padding: 1px;
  width: 110px;
  font-weight: bold;
  color: #333;
  }

.wsplaces label span {
	width: 110px; /* must be the same as above!*/
	display:block; 
}

#warranty {
  width: 520px;
  margin-bottom: 10px;
  margin-left: 50px;
  } 

#warranty input, #warranty textarea {
  margin: 0 0 10px 0;
  padding: 3px;
  width: 275px;
  border: solid 1px #BAC7D6;
  color: #333;
  background: #EDF3F4;
  }
  
#warranty select {
  margin: 0 0 10px 0;
  border: solid 1px #BAC7D6;
  color: #333;
  background: #EDF3F4;
  }  

#warranty input.sendbutton {
  margin: 10px 0 10px 105px;
  display: block;
  width: 50px;
  border: solid 1px #919DAC;
  background: #BAC7D6;
  }

#warranty label {
  padding: 1px;
  width: 135px;
  font-weight: bold;
  color: #333;
  margin:4px 10px 0 0; 
  display:-moz-inline-box; /*for mozilla*/
  display:inline-block; /*for Opera & IE*/
  text-align:right;
  vertical-align:top
  }

#warranty label span {
  width: 135px; /* must be the same as above!*/
  display:block; 
  margin-bottom: 3px;
}

#warranty input.radioinput {
  width: 12px;
  margin: 0 0 0 150px;
  border: none;
  background: none;
  }

#warranty label.radiotitle {
  padding: 0 0 0 5px;
  margin: 0px 15px 0pt 0px;
  text-align:left;
  width: 150px;
}

#warranty .radiotitle span {
  width: 250px;
}

