/*---------------------- 
Cool Curling 
#ac4340 - RED
-------------------------*/
 
* { zoom: 1; /* IE peekaboo fix */ }
html, body { height:100%; margin: 0; padding: 0; }   

body {     
background: #ffffff url(images/bg_no_shadow.png) repeat-y; 
background-position: top center; 
color: #D9D9D9;
margin-top: 12px;
padding:0px;
font-family:  sans-serif, arial, tahoma, verdana, arial, helvetica;
font-size: 8pt;
text-decoration: none;
font-weight: normal;
color: #232323;
}
h1{
padding:5px 0 5px 0;
margin:0px;
font-size:130.00%;
color:#666666;
}
h2{
padding:5px 0 5px 0;
margin:0px;
font-size:14pt;
color:#333333;
}
h3{
padding:0 0 8px 5px;
margin:0px;
font-size:100.00%;
font-weight: normal;
color:#333333;
}
h4{
padding:0 0 10px 0;
margin:0px;
font-size:130.00%;
text-decoration: none;
color:#ac4340;
}
h5{
padding:0px 0 2px 5px;
margin:0px;
font-size:90.00%;
font-weight: normal;
text-decoration: none;
color:#333333;
}
p{
text-align:left;
padding:2px 0 2px 0;
margin:0px; 
color: #666666;
line-height:15px;
}
p.white{
color:#FFFFFF;
}
p.green{
color:#d4f0ba;
}
p.red{
color:#d4f0ba;
}
p.clear{
clear:both;
padding:10px 0 0 0;
} 

.header-text {font-size: 120.00%;}

img.left-img{
border:0px #cae6c6 solid;
float:left;
margin:3px 10px 3px 0 ;
}
img.box-img{
float:left;
padding:0 20px 0 0 ;
} 

img.long-img{
float:left;
padding:0 20px 40px 0 ;
} 

img.med-img{
float:left;
padding:0 20px 28px 0 ;
} 

img.padded{
float:left;
padding: 4px;
} 

img.bottom-img{
padding: 6px 0 6px 0;
} 

img.right-img{
float:right;
padding:0 0 0 20px ;
} 

img.img-logo{
padding:0 20px 0 0 ;
} 

.video-right {
float:right;
padding:0 0 0 20px ;
} 

.video-left {
float:left;
padding:0 20px 0 0 ;
}                  

Div {
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0; }

a {	color: #000099; }
a:hover {background-color: #FFFF99; color : #333333; text-decoration : none;}  

/*----------------------table compare-------------------------*/

table.compare { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; width: 100%; margin-bottom: 6px;}
table.compare th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: #ac4340 ; font-size: 9pt; font-family:Arial, sans-serif; color: #FFFFFF; font-weight: normal; }
table.compare td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: #ffffff; font-size: 9pt; font-family:Arial, sans-serif; color: #000000; font-weight: normal; text-align: right; }

table.compare_left { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #808080; border-collapse: collapse; 	background-color: #FFFFFF; text-align: left;}
table.compare_left th { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color: #339900; font-size: 9pt; font-family:Arial; color: #FFFFFF; font-weight: normal; text-align: left; }
table.compare_left td { border-width: 1px; padding: 3px; border-style: solid; border-color: gray; background-color:#FFFFFF;    font-size: 8pt; font-family:Arial; color: #000000; font-weight: normal; }
   
/*----------------------blockquote-------------------------*/

blockquote.style2 { 
	margin: 10px 0 20px 0;
	padding-left: 40px;
    font-size: 110.00%;
    font-weight: normal;
	background: url(images/quote_open.png) no-repeat top left;
}
blockquote.style2 p.unquote {
	background: url(images/quote_close.png) no-repeat bottom right;
	padding-right: 30px;
}
blockquote.style2 p.author { 
	margin: 0; 
	padding: 0px 40px 0px 0px;
	font-style: normal;
	float: right; 
}

/*----------------------main-------------------------*/

#main-container{
display:table; /* must put this in for FireFox. */
width:900px;  
height:auto; /* Have to put SOMETHING in here for the height for both browser. DO NOT put in a percentage, must be a pixel value */
margin:auto; /* for IE6 and Firfox centering */
background-color:#FFFFFF;
border: 4px solid #666666;
}       

#header{
width:900px;
height:96px;
background:url(images/bg_header.png) no-repeat left rgb(172,67,64);
background-color: #FFFFFF;
margin:auto;
}

#header-main{
width:900px;
height:96px;
background:url(images/bg_header.png) no-repeat left rgb(172,67,64);
background-color: #FFFFFF;
margin:auto;
border-bottom: 4px solid #666666;
}

#logo{
padding:5px;
margin-left: 10px;
float:left;
}   

#logo a{
text-decoration:none;
}

#top-info{ 
margin-top: 10px;       
margin-right: 16px;
padding:5px;
float:right;
font-size: 100.00%;
color: #FFFFFF;
} 


/*----------------------highlight-menu-------------------------*/
#highlight-menu{
width:900px;
height:42px;
padding:0px;
clear:both;
background-color:#636363;
}
#highlight-menu ul{
list-style:none;padding:0 0 0 250px;margin: auto;display:block;
}
#highlight-menu ul li{
list-style:none;display:inline;float:left;width:auto;height:42px;padding:0px;line-height:42px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
#highlight-menu ul li a{
height:42px; width: auto;float:left;text-decoration:none;padding:0 0 0 25px; margin:0px 3px 0px 3px;color:#fff;text-align:center;
}
#highlight-menu ul li a:hover{
height:42px;width: auto;text-decoration:none;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}
#highlight-menu ul li a.current{
height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}

/*----------------middle main box-----------*/
.main-box{
width:900px;
height:265px;
clear:both;
background:url(images/bg_main_box.jpg) no-repeat left rgb(172,67,64);
background-position:0px 0px;
}
.news-left{
float:left; 
color: #333333;
width: 260px;
padding:10px;
} 
.news-left p{ 
font-size: 90.00%;
color: #333333;
}
.news-left h1{
color: #000000;
}
.text-content{
width: 320px;
float:left;
color: #A5A5A5;
padding: 10px;
}
.text-content p{
color: #333333;
}
.text-content h1{
color: #000099;
}
.main-box-right{
float:right;
width: 230px;
text-align: right;
padding: 10px 20px 10px 0px;
}

.date { margin-bottom: 10px; padding: 4px 6px 0px 4px; font-size: 90.00%; color: #ac4340; text-align: right;}
   
.read-more{
width:101px;
height:29px;
float:right;
padding:10px;
margin-bottom: 6px;
background:url(images/read_more_bg.gif) no-repeat center;
line-height:29px;
text-align:center;
}    

.read-more a{
text-decoration:none;
color:#000099;
}   

/*----------------------LINKS-------------------------*/

.read-more-link{
width: auto;
float:right;
padding:3px 25px 3px 0;
background:url(images/icon_read_more.png) no-repeat right; 
margin-right: 5px; 
margin-bottom: 6px;
}  

.read-more-link a{
text-decoration:none;
color:#000099;
}        

.buy-link{
width: 300px;
height: 200px;
float: right;
padding: 0px 10px 0px 0px;
margin-right: 5px;
}    

.sheet-link{
width: auto;
float: right;
padding: 6px 30px 6px 0;
background:url(images/icon_page.png) no-repeat right; 
margin-right: 5px; 
margin-bottom: 6px;
}    

.sheet-link a{
text-decoration:none;
color:#000099;
}  

.web-link{
width: auto;
float:right;
padding: 6px 30px 6px 0;
background:url(images/icon_web_link.png) no-repeat right; 
margin-right: 5px; 
margin-bottom: 6px;
}  

.web-link a{
text-decoration:none;
color:#000099;
}  

/*----------------------WEB POSTINGS ------------------------*/

.posting{
border-bottom: solid 1px #666666;
margin-bottom: 5px;
padding: 5px 0 5px 0
}  

.posting-category{
color: #333333;
font-size: 95.00%;
padding: 2px 0 6px 0;
}  

.posting-by{
color: #333333;
font-size: 80.00%;
padding: 2px 0 6px 0;
float: left;
text-align: right;
}  

.read-posting{
color: #333333;
font-size: 95.00%;
padding: 2px 0 6px 0;
float: right;
text-align: right;
}


 
/*----------------------highlight-menu-------------------------*/
#menu{
width:900px;
height:34px;
padding:0px;
clear:both;
border-top: 0px solid #ffffff;
} 

#main-menu{
width:770px; padding:0; float:left;
}

#view-cart{
width:130px; padding:0; float:right;
}


/*----------------------left navigation-------------------------*/
#left-nav{
width:280px; padding:5px 0 50px 0; float:left;
}
#left-nav ul{
list-style:none; margin: auto; display:block; padding:0px;
}
#left-nav ul li{
list-style:none; display:block; width:auto; height:24px; padding:0px; line-height:29px;
}
#left-nav ul li a{
height:29px; display:block; width:280px; 
text-decoration:none; 
padding:0 0 0 30px; 
margin:7px 0 5px 0; 
color: #000099; 
background:url(images/icon_page.png) no-repeat left; 
border-bottom:1px #ACACAC dashed;
background-position:0px 0px;
font-size:120.00%;
}

#left-nav a:hover {background-color: #FFFF99; color : #333333; text-decoration : none;}
}

#left-highlight{
width:290px; padding:10px; float:left; border:2px #ACACAC dashed; background: #FFFFFF; margin-bottom: 10px;
}


/*--------------------------main_content-------------------*/
#main-content{
width:auto;
height:auto;
clear:both;
margin-bottom: 30px;
}         

#left-content{
width:320px;
height:auto;
margin:10px;
float:left;
padding:10px;
background:url(images/bg_left_content.jpg) no-repeat left top;
}  

#right-content{
width:490px;
height:auto;
margin:10px 10px 0 0;
float:right;
padding:10px;
} 

#left-content-info{
width:490px;
height:auto;
margin:10px;
float:left;
padding:10px;
}    

#left-content-info p{
margin-top: 0px;
margin-bottom: 6px;
} 

#right-content-info{
width:320px;
height:auto;
margin:20px 10px 0 0;
float:right;
padding:10px;
background:url(images/bg_left_content.jpg) no-repeat left top;
}             

/*--------------wide_content-----------*/
#wide-content{
width:auto;
padding:10px 20px 10px 20px;
}    


/*-------------products------------------*/

#products-wrap{
width: 848px;
height: auto;
display:table;
padding: 0;
border: solid 1px #ac4340;
margin-bottom: 10px;
color: #333333;
} 

#products-wrap h2{
height: 24px;
width: 848px;
padding: 5px;
margin-bottom: 0;
color: #FFFFFF;
background: #ac4340;
}   

#products-wrap p{
padding: 4px;
width: 548px;
font-size: 9pt;
text-align: left;
line-height: 160%;
}

.products-description{
height: auto;
width: 548px;
padding: 0;
margin-bottom: 0;
color: #333333;
overflow: hidden;
float: left; 
}

.products-buy{
height: auto;
width: 300px;
padding: 4px;
color: #333333;
float: right;
text-align: right;
}

.products-info{
clear: both;
height: auto;
width: 848px;
padding: 10px;
margin-bottom: 0;
color: #333333;
overflow: hidden;
float: left;
font-size: 9pt;
}


.products-box{
height: auto;
padding: 10px 0 10px 0;
border-bottom: 1px #666666 dashed;
margin-bottom: 10px;
}

.products-compare{
height: auto;
padding: 10px;
border: solid 1px #ac4340;
margin-bottom: 10px;
color: #333333;
}

.products-compare p{
padding: 4px;
margin-bottom: 10px;
width: 480px;
}


/*----------------------top right navigation-------------------------*/
#right-nav{
width:200px;height: auto;padding:20px 0 0 30px; float:left;
}
#right-nav ul{
list-style:none;margin: auto;display:block; padding:0px;
}
#right-nav ul li{
list-style:none;display:block;width:auto;height:29px;padding:0px;line-height:29px;
}
#right-nav ul li a{
height:29px;display:block; width:160px;text-decoration:none;padding:0 0 0 30px; margin:7px 0 7px 0;color:#535353;background: #A5A5A5;
background-position:0px 0px;
}
#right-nav ul li a:hover{
height:29px;display:block;width:160px;text-decoration:none;color: #535353;padding:0 0 0 30px;margin:7px 0 7px 0; background: #A5A5A5;
background-position:0px 0px;
}
#right-nav ul li a.current{
height:29px;display:block;width:160px;text-decoration:none;padding:0px;color: #535353;padding:0 0 0 30px;margin:7px 0 7px 0; 
background: #A5A5A5;
background-position:0px 0px;
}


.newsletter-box{
width:267px;
height:124px;
float:left;
margin:15px 10px 10px 0;
background:url(images/bg_searchbox_red.png) no-repeat center;
background-position:0px 0px;
}
.newsletter-title{
font-size:14px;
color:#FFFFFF;
padding:10px 0 0 15px;
float:left;
font-weight:bold;
}
input.search-input{
width:170px;
height:20px;
background-color:#FFFFFF;
border:1px #666666 solid;
float:left;
margin:15px 0 0 15px;
}
input.submit{
float:left;
padding:16px 0 0 10px;
}
.subsearch{
width:200px;
float:left;
color:#FFFFFF;
font-size: 100%;
padding:5px 0 0 15px;
}
.contact-information{
width:200px;
float:left;
padding:10px 0 0 10px;
}
.news{
width:310px;
clear:both;
padding:10px 0 10px 0;
}
.news-icon{
width:30px;
float:left;
padding:0 10px 0 0;
}
.news-content{
width:260px;
float:left;
padding:0 0 0 10px;
text-align:justify;
line-height:13px;
}
.news-content span{
color:#4ab7e8;
}
.services-box{
height:120px;
padding:10px 0 5px 0;
margin:0px 0px 10px 0;
border-bottom:1px #a7ef6e dashed;
}
.best-sol-box{
width:277px;
float:left;
}
/*----------------------news_archive list-------------------------*/
.news-archive{
width:190px;
height: auto;
padding:10px 0 0 10px;
float:left;
}
.news-archive ul{
list-style:none;padding:10px 10px 10px 10px;margin:0px; width:190px;float:left;
}
.news-archive ul li{
list-style:none;width:180px;height: auto;padding:0px; line-height:26px;
}
.news-archive ul li a{
width: 180px;text-decoration:none;padding:0 0 0 20px; margin:6px 0px 6px 0px;color:#000;text-align:left;
background:url(images/bullet.gif) no-repeat left; background-position:0px 0px;
}
.news-archive ul li a:hover{
width: 180px;text-decoration:underline;color: #000;
}

.contact-info-box{
width:481px;
height:116px;
margin:5px;
background:url(images/contact_info_bg.gif) no-repeat center;
}
.contact-info-title{
font-size:14px;
color:#7ea743;
padding:10px 0 0 15px;
font-weight:bold;
}
.contact-info{
float:left;
padding:15px 10px 5px 13px;
}
.address{
clear:both;
padding:10px 0 0 20px;
}

/*-----------------------contact_form-------------------*/
#contact-form{
width:310px;
height:auto;
padding:10px 0 0 60px;
}
.form-row{
float:left;
padding:4px 0 4px 0;
}
label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#333333;
text-align:right;
}
input.contact-input{
width:220px;
height:18px;
float:left;
border:1px #999999 solid;
background-color:#EAEAEA;
color: #333333;
}
textarea.contact-textarea{
width:220px;
height:80px;
float:left;
border:1px #999999 solid;
background-color:#EAEAEA;
color: #333333;
}
.send a{
width:60px;
height:22px;
display:block;
background:url(images/icon_send.png) no-repeat center;
background-position:0px 0px;
color:#FFFFFF;
text-decoration:none;
padding-left:40px;
float:right;
margin:10px;
}
       
/*-----------------------------bottom------------------*/
#bottom{
clear:both;
width: auto;
height:60px;
padding: 5px 40px 5px 20px;
background-color:#FFFFFF;  
border-top: 2px solid #666666;
} 

#bottom-left{
float: left;

} 

#bottom-center{
float: right;

}

#bottom-right{
float: right;
text-align: right;
width: auto;
height:60px;
padding: 30px 0px 5px 20px;
font-size: 80.00%;
} 


/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:75px;
color: #FFFFFF;
background-color:#ac4340;  
font-size: 100.00%;
background:url(images/bg_footer.png) repeat;
}      

#footer a{
text-decoration:none;
color: #FFFFFF;
padding: 0px;
}
#footer a:hover{
text-decoration:none;
color: #666666;
background-color: #FFFF99 
} 
#footer a:hover{
text-decoration:none;
color: #666666;
background-color: #FFFF99 
} 

.copyright{
float:left;
font-size: 80.00%;
padding-left:15px;
padding-top:15px;
}   

.footer-links{
float:right; 
font-size: 100.00%;
line-height: 160%;
text-align: right;
padding-right:15px;
padding-top:15px;
}
 
.pasig-designs{
float:right;
font-size: 85.00%;
text-align: right;
padding-top:13px;
}
          



/*-----------------------------shopify------------------*/
   
#in-cart {
	display: inline;
	float: right;
	position: static;
	height: 26px;
	margin: 10px 10px 10px;
  	padding: 5px 14px 0;
	border: 1px solid #999999;
	background: #00aa00;
  	color: #FFFFFF;
	}