/* body */
*{
margin: 0;
}
html, body{
text-align: center;
background-color: #FFFFFF;
height: 100%;
}
table, tr, td, form{
font-family: sans-serif;
font-size: 12px;
}
table{
width: 100%;
vertical-align: top;
}
ul,li,forms,input,textarea,fieldset{
margin: 0;
padding: 0;
}
a, hover{
font-family: sans-serif;
font-size: 12px;
}
.bodybg{
width: 100%;
height: auto;
margin: 0 auto;
background: url('../img/body_bg4.jpg') repeat-x top left;
}
.container{
width:1024px;
height: auto !important;
margin: 0 auto -45px; /* the bottom margin is the negative value of the footer's height */
}
.services{
position: relative;
text-align: left;
width: 98%;
height: auto;
padding: 10px;
margin: 0;
display: block;
}
.services ul{
text-align: left;
}
.services li{
font-family: sans-serif;
font-size: 12px;
line-height: 15px;
}
.topnav{
position: relative;
width: 100%;
height: 375px;
}
.topnav_img{
position: absolute;
left: 32px;;
bottom: 7px;
height: 115px;
width: 305px;
}
.topnav_img2{
position: absolute;
right: 32px;;
bottom: 21px;
}
.nav{
position: relative;
text-align: center;
margin: 0 auto;
width: 1024px;
height: 375px;
display: block;
clear: both;
}
.topinput{
position: absolute;
margin: 0 auto;
top: 10px;
left: 0;
width: 1024px;
height: 40px;
}
input{
font-family: sans-serif;
font-size: 10px;
color: #333333;
}
form{
vertical-align: middle;
}
.input_right form{
font-family: sans-serif;
font-size: 10px;
position: relative;
text-align: right;
vertical-align: middle;
top: 10px;
right: 10px;
}
.input_right{
position: absolute;
right: 35px;
top: 5;
width: 412px;
height: 43px;
background: url('../img/topinput.png') no-repeat center right;
}
.input_right a{
font-family: sans-serif;
font-size: 10px;
color: #FF0000;
}
.input_top_login{
position: relative;
font-family: sans-serif;
font-size: 10px;
display: inline;
}
.input_top_login img{
position: relative;
top: 3px;
}
#textlogo{
position: absolute;
top: 10px;
left: 30px;
width: 570px;
height: 23px;
text-indent: 0px;
overflow: hidden;
background: url('../img/logo_text.png') no-repeat left;
display: block
}
#textlogo:hover{
background-position: bottom left;
}
div.text_logo{
height: 21px;
width: 314px;
float: left;
}
.navbar{
position: absolute;
top: 40px;
left: 0;
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
text-align: left;
width: 1024px;
height: 68px;
background: url('../img/navbar.png') no-repeat center;
z-index: 50
}
.narbar_links a{
margin: 0;
padding: 0;
font-weight: 800;
font-size: 11px;
color: #FFFFFF;
}
.narbar_links {
position: absolute;
top: 20px;
left: 40px;
width: 700px;
height: 20px;
padding-left: 10px;
color: #FF6600;
display: inline;
}
.narbar_links ul, li {
margin-left: 0;
padding-left: 0;
margin: 0;
padding: 0;
display: inline;
border: none;
} 
#tracking_logo{
position: absolute;
top: 15px;
right: 60px;
width: 26px;
height: 27px;
text-indent: 0px;
overflow: hidden;
background: url('/PDGCommTemplates/Plain/images/track_package2.png') no-repeat right;
display: block
}
#tracking_logo:hover{
background-position: bottom left;
}
div.track_shipping{
height: 27px;
width: auto;
float: right;
}
.flashmenu{
position: relative;
text-align: center;
top: 100px;
margin: 0 auto;
width: 1024px;
height: 275px;
background-color: #FFFFFF;
}
/*main body content*/
.content{
position: relative;
text-align: center;
margin: 0 auto;
margin-top: 0;
width: 1024px;
background-color: #FFFFFF;
}
.menu_nav{
position: relative;
text-align: left;
margin: 0 auto;
height: 50px;
width: 1024px;
padding: 0px;
background-color:#FFFFFF;
}
.print{
position:absolute;
right: 10px;
width: 200px;
font-family: sans-serif;
font-size: 10px;
text-align: left;
margin: 0 auto;
color: #006699;
height: 40px;
padding-top: 10px;
}
.sku_search{
position: absolute;
text-align: center;
top: 0;
left: 280px;
height: 45px;
display: block;
margin: 0;
padding: 0;
color: #333333;
vertical-align: middle;
}
.sku_search form{
font-family: sans-serif;
font-size: 10px;
display: inline;
}
.sku_search input{
position: relative;
padding-top: 3px;
}
.sku_search p{
display: inline;
}
.prod_search{
position: absolute;
left: 30px;
height: 45px;
width: 170px;
display: block;
margin: 0;
padding: 3px;
vertical-align: middle;
}

/*Top Center Ads*/
.top_cen_ads{
position: relative;
width: 100%;
height: 70px;
background-color: #FFFFFF;
clear: both;
}
.top_cen_banner{
position: absolute;
right: 280px;
width: 468px;
height: 60px;
}
#soc_icons{
position: absolute; 
left: 0;
width: 233px; 
height: auto; 
background-color: #FFFFFF;
}
#soc_icons img{
position: relative;
clear: both; 
margin: 0 auto;
text-align: center;
}
#google_app{
position: absolute;
right: 15px;
width: auto;
height: auto;
}

/*Left Column*/
.col{
position: relative;
text-align: center;
display: block;
margin: 0 auto;
width: 1024px;
height: auto;
background: #FFFFFF url('../img/cols_bg.jpg') repeat-y top center;
	
}
.phplive{
position: relative;
height: 110px;
width: 233px;
text-align: center;
padding: 3px;
display: block;
}
.categ_list1{
position: relative;
text-align: center;
margin: 0 auto;
float: left;
padding: 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
height: auto;
width: 233px;
background-color: #FFFFFF;
}
.categ_list1 a{
text-decoration: none;
}
.categ_img_top{
position: relative;
text-align: center;
margin: 0 auto;
height: 25px;
width: 233px;
background: url('../img/categ_bg_top.jpg') no-repeat top center;
}
.categ_img_btm{
position: relative;
text-align: center;
margin: 0 auto;
height: 20px;
width: 233px;
background: url('../img/categ_bg_btm.jpg') no-repeat top center;
}
#button{
width: 75%;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
text-align: center;
margin: 0 auto;
font-family: sans-serif;
background-color: #90bade;
}
#button ul{
text-align: center;
list-style: none;
margin: 0;
padding: 0;
padding-top: 1px;
border: none;
}
#button li{
text-align: center;
border-bottom: 1px solid #90bade;
margin: 0;
}
#button li a{
text-align: center;
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #006699;
color: #fff;
text-decoration: none;
font-family: sans-serif;
font-size: 11px;
font-weight: 800;
font-stretch: semi-condensed;
width: 100%;
}
html>body #button li a{
width: auto;
}
#button li a:hover {
background-color: #FF6600;
color: #fff;
}
.categ1_content{
width: 233px;
height: auto;
text-align: center;
margin: 0 auto;
background: url('../img/categ_bg_mid.jpg') repeat-y top center;
}
.categ1_content p{
font-family: sans-serif;
font-size: 10px;
line-height: 13px;
}
.categ1_content a{
}
.categ_list2{
position: relative;
text-align: center;
margin: 0 auto;
float: left;
padding: 0;	/* no left and right padding on columns, we just make them narrower instead 
only padding top and bottom is included here, make it whatever value you need */
width: 237px;
background-color:#FFFFFF;
}
.categ_list2 div{
margin-bottom: 10px;
}
.fea_prod{
position: relative;
float: left;
clear: none;
padding: 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
text-align: center;
margin: 0 auto;
width: 554px;
background-color:#FFFFFF;
}
.fea_prod_hdr{
position: relative;
text-align: center;
margin: 0 auto;
background: url('../img/fea_prod_top_bg.jpg') no-repeat top center;
width: 554px;
height: 50px
}
.fea_prod_list{
position: relative;
float: none;
clear:none;
text-align: center;
margin: 0 auto;
padding: 0px;
width: 469px;
height: auto;
background: #EBEBEB;
display: block;
}
.fea_prod_item{
position: relative;
text-align: center;
margin: 0 auto;
display: block;
width: 237px;
height: 237px;
}
.fea_prod_item a{
color: #FF0000;
}
.fea_prod_ftr{
position: relative;
text-align: center;
text-indent: 0px;
overflow: hidden;
width: 554px;
height: 75px;
background: url('../img/fea_prod_btm_bg.jpg') no-repeat top center;
display: block
}
.fea_prod_ftr:hover{
background-position: bottom center;
}
div.img5{
height: 75px;
width: auto;
}
.thumbnames{
font-family: sans-serif;
font-size: 10px;
}
a{
font-family: sans-serif;
font-size: 11px;
color: #156895;
}
a:link{
text-decoration: none;
}
a:visited{
text-decoration: none;
}
a:hover{
text-decoration: none;
color: #FF6600;
}
a:active{
text-decoration: none;
}
p, font{
font-family: sans-serif;
font-size: 12px;
color: #333333;
}
font{
text-align: left;
}
h1{
font-family: sans-serif;
font-size: 12px;
font-weight: 800;
color: #000000;
display: block;
}
h2{
font-family: sans-serif;
font-size: 15x;
font-weight: 500;
color: #FFFFFF;
padding-top: 15px;
display: block;
}
h3{
font-size: 14px;
color: #666666;
padding-bottom: 20px;
}
/*footer*/
.footer, .push {
height: 45px; /* .push must be the same height as .footer */
width: 1024px;
margin: 0 auto;
background-color: #FFFFFF;
}
.footer{
text-align: center;
margin-bottom: 10px;
}
.footer p{
clear: both;
color: #333333;
font-family: sans-serif;
font-size: 10px;
}
.ftr_icons{
position: relative;
width: 1024px;
}
.ftr_container{
position: relative;
width: 1024px;
}
div.img4{
position: absolute;
margin: 0;
height: 22px;
width: auto;
right: 100px;
}
div.img3{
position: absolute;

margin: 0;
height: auto;
width: auto;
right: 50px;
}
div.img1{
position: absolute;
margin: 0;
height: 22px;
width: auto;
left: 0px;
}
div.img{
position: absolute;
margin: 0;
height: auto;
width: auto;
right: 50px;
}
div.img img{
display: inline;
margin: 3px;
}
#ladell{
height: 27px;
width: 53px;
text-indent: 0px;
overflow: hidden;
background: url(../img/ladell.gif) center top no-repeat;
display: block;
}
#ladell:hover{
background-position: bottom left;
}
div.img2{
position: absolute;
height: 27px;
width: auto;
left: 480px;
}

/*  Custom Template Positioning   */

.ups{
text-align: left;
}
.ups_logo{
text-align: center;
}

.flashclass{ /*sample CSS class added to image slideshow container*/
width: 190px; /*a width should be defined for transition to work*/
text-align: center;
vertical-align: middle;
}
.flashclass img{
border-width: 0;
}