*
{
padding:0px;
margin: 0px;
}
html {
height:100%;
}
#outer
{
position: relative;
width: 941px;
margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
z-index:2;
}
.pfpReadMore
{
display:none;
}
#inner
{
position: relative;
overflow:hidden;
padding: 15px 0 129px 0;
z-index: 3;
width: 941px;
margin: 0 auto 0 auto;
min-height: 100%;
float:left;
overflow:auto;
}
#flash {
z-index: 1;
position: relative;
height:419px;
}
#flashhome {
z-index: 1;
height:419px;
width:997px;
position:absolute;
top:168px;
width:100%;
margin-left:-27px;
margin-right:auto;
float: left;
padding: 0;
left:0;
}
#flashhome-container {
margin:0 auto;
width:997px;
}
#video-feature
{
position:relative;
right:0;
float:right;
width:319px;
height:419px;
border:0 none;
}
#video-feature a img {
border:0 none;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider {
position:relative;
height:419px;
width:649px;
background:url(images/loading.png) no-repeat 50% 50%;
z-index:8888;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
bottom:55px;
z-index:100000;
left:578px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
float:left;
position:relative;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:35px;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
/**************************************************************
Header/Menu
**************************************************************/
#menu
{
position: relative;
width:941px;
height: 168px;
border:0px;
z-index:9999;
text-align:center;
background:url(images/ssl-headertop_03.gif) center no-repeat;
width:100%;
margin-left:auto;
margin-right:auto;
float: left;
padding: 0;
left:0;
}
#menu-container {
margin:0 auto;
width:941px;
height: 168px;
position:relative;
}
.headerhomemenu
{
position:absolute;
width:495px;
height:24px;
padding: 0px;
margin: 0px;
float:right;
border:0px;
z-index:99999;
top:131px;
right:0;
}
.facebook
{
position:absolute;
width:32px;
height:35px;
top:56px;
float:right;
right:0;
}
h3
{
position: relative;
font: 18px 'EuroCapsRegular', Arial, sans-serif;
letter-spacing: 0;
line-height: 25px;
color:#000;
padding: 0px 0px 10px 0px;
margin-bottom: 15px;
width:100%;
font-weight:900;
border-bottom: dotted 3px #000;
}
h2
{
position: relative;
font: 27px 'EuroCapsRegular', Arial, sans-serif;
letter-spacing: 0;
line-height: 25px;
color:#000;
width:100%;
font-weight:900;
}
.learnmore {
right:0;
bottom:15px;
width:166px;
float:right;
position:absolute;}
/**************************************************************
End Header/Menu
**************************************************************/
/**************************************************************
Left Column Home
**************************************************************/
#secondarycontent
{
position: relative;
width: 290px;
height:100%;
margin-bottom:10px;
padding: 0;
float:left;
padding-right:20px;
padding-bottom:75px;
}
#secondarycontent .content
{
padding: 0px;
margin-bottom: 0px;
}
#secondarycontent a
{
color:#000;
}
#secondarycontent .content .date
{
position: relative;
top: 0px;
padding: 0px 15px 0px 0px;
color:#666666;
font-weight: bold;
}
/**************************************************************
End Left Column Home
**************************************************************/
/**************************************************************
Right Column Home
**************************************************************/
#primarycontent
{
position: relative;
width: 290px;
float: left;
min-height: 100%;
padding-bottom:30px;
}
#primarycontent .content
{
padding: 0px;
margin-bottom: 20px;
}
#primarycontent .post
{
margin-bottom: 0px;
}
#primarycontent .post .header
{
position: relative;
}
#primarycontent .post .content
{
margin-bottom: 0px;
}
#features
{width:319px;
float:right;
right:0;
}
/**************************************************************
End Right Column Home
**************************************************************/
.clear {clear:both;}
/**************************************************************
Footer
**************************************************************/
#footer
{
margin-top: -129px;
height: 129px;
width:100%;
position: relative;
clear: both;
background: url(images/ssl-footerbg_20.jpg);
color:#FFF;
font-size:12px;
}
#footer .social
{
position:absolute;
float:left;
color:#FFF;
padding-top:10px;
z-index:100000;
left:20px;
}
#footer .product
{
position:absolute;
float:left;
z-index:0;
left:0;
bottom:0;
width:194px;
height:190px;
}
#footer a
{
color: #FFF;
}
#footer .content .footergreen
{
padding:10px 0 0 0;
font: 16px 'EuroCapsRegular', Arial, sans-serif;
}
#footer .content .footergreen a
{
color:#FFF;
}
#footer .content
{
position: relative;
width:960px;
margin:0 auto 0 auto;
text-align:center;
z-index:9999;
}
#footer .content .container
{
z-index:9999;
position:relative;
}
#footer .content a
{
color:#FFF;
text-decoration:none;
}
#footer .image
{
position: absolute;
padding:25px 0px 0px 150px;
z-index:0;
}
#footer ul{list-style:none;overflow:hidden; }#footer li{padding:0 10px;margin:0 1px 0 -1px;display:inline;z-index:9999;}
#footer ul a{color:#FFF;}
.reg {
background-color: #015A87;
border-radius: 5px 5px 5px 5px;
float: right;
height: 30px;
margin-top: 80px;
width: 160px;
}
ul {
list-style: none outside none;
}
ul img {
border: 0 none;
}
ul.dropdown {
position: relative;
text-align: left;
}
ul.dropdown li {
float: left;
font-weight: bold;
}
ul.dropdown a:hover {
color: #FFFFFF;
}
ul.dropdown a:active {
color: #FFA500;
}
ul.dropdown li a {
color: #FFFFFF;
display: block;
padding: 0;
}
ul.dropdown li:last-child a {
border-right: medium none;
}
ul.dropdown li.hover, ul.dropdown li:hover {
border-bottom: 2px solid #000000;
color: #FFFFFF;
position: relative;
}
ul.dropdown li.hover a {
color: #FFFFFF;
}
ul.dropdown ul {
left: 0;
position: absolute;
top: 100%;
visibility: hidden;
width: 230px;
}
ul.dropdown ul li {
background: url("images/ssl-menubg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFFFFF;
float: none;
font-weight: normal;
padding: 15px 0 15px 15px;
}
ul.dropdown ul li a {
border-right: medium none;
color: #FFFFFF;
display: inline-block;
text-decoration: none;
width: 100%;
}
ul.dropdown ul li:hover {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
position: relative;
}
ul.dropdown ul ul {
left: 100%;
top: 0;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
.CL {
clear: both;
}
.button {
background-color: #A6ECF7;
border: 1px solid #CCCCCC;
border-radius: 6px 6px 6px 6px;
color: #000000;
cursor: pointer;
font: bold 12px Arial,Helvetica,sans-serif;
height: 24px;
padding: 0 7px 4px;
}
.button:hover {
background-color: #2D8794;
border: 1px solid #CCCCCC;
color: #FFFFFF;
}
.Details-cart {
border: 1px solid #74C7D6;
border-radius: 6px 6px 6px 6px;
float: left;
margin: 4px auto 0;
padding: 0;
width: 935px;
}
.featured_area {
background: url("images/tag-bg.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #74C7D6;
border-radius: 6px 6px 6px 6px;
float: left;
height: 35px;
width: 949px;
}
.featured_area h2 {
background: url("images/tab-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
color: #000000;
float: left;
font: bold 16px/35px Verdana,Arial,Helvetica,sans-serif;
margin: 0 0 0 10px;
padding: 0 0 0 20px;
width: 900px;
}
.bg1 {
background: none repeat scroll 0 0 #71C8D6;
border-radius: 4px 4px 4px 4px;
}
.white_text {
color: #FFFFFF;
font: bold 14px Verdana,Arial,Helvetica,sans-serif;
padding-left: 8px;
text-shadow: 2px 3px 2px #000000;
}
.textbox1 {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px dashed #CCCCCC;
color: #666666;
font-family: Arial;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 2px;
text-align: center;
width: 30px;
}
.b-color {
background-color: #E7FCFF;
}
.size {
padding: 0 5px;
}
.button-r {
height: 30px;
padding: 0;
width: 150px;
}
.button-r a {
background-color: #A6ECF7;
border: 1px solid #CCCCCC;
border-radius: 6px 6px 6px 6px;
color: #000000;
display: block;
font: bold 12px/24px Arial,Helvetica,sans-serif;
height: 24px;
padding: 0;
text-align: center;
width: 150px;
}
.button-r a:hover {
background-color: #2D8794;
border: 1px solid #CCCCCC;
color: #FFFFFF;
}
.link-ar {
margin: 0 auto;
padding: 0 0 10px;
width: 350px;
}
.text-f {
border: 1px solid #71C8D6;
border-radius: 4px 4px 4px 4px;
height: 22px;
padding: 0 3px;
width: 230px;
}
.g-details {
border: 1px solid #74C7D6;
border-radius: 6px 6px 6px 6px;
float: left;
margin: 3px 0 0;
padding: 0 0 5px;
width: 708px;
}
.product-categories li a {
color: #FFFFFF;
text-decoration: none !important;
}
.product-categories li a hover {
color: #000000;
}
/**************************************************************
End Footer
**************************************************************/
/*************************************************************
Contact Form
/*********************/
/* Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */