/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url('http://www.graniteaquatics.net/images/2/gradient_bg.jpg') repeat-x;
}

/** HEADINGS */

h1, h2 {
	margin: 0px;
	font-weight: normal;
	
}

h1 {
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background: url('http://www.graniteaquatics.net/images/2/homepage12.jpg') no-repeat left center;*/
	font-size: 24px;
        color: #0F5AAA;
}

.special { padding: 40px 0px 30px 94px;
	background: url('http://www.graniteaquatics.net/images/2/special_offer.png') no-repeat left center;
}

#tophead {
position:relative;
top:0px;
left:500px;
width:500px;
height:25px;
overflow:hidden;
display:none;
}

.noimg {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	/*background:none;*/
	font-size: 24px;
}

.noimgdetail {
	margin: 5px 0px 30px -10px;
	padding: 10px 0px 10px 0px;
	background:none;
	font-size: 22px;
}

h2 {
	margin-bottom: 10px; 
	font-size: 1.65em;        
}


h3 {
	font-size: 1.5em;
	color: #0F0F0F;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.255em; margin-bottom:5px;
        font-weight:bold;
}

h6 {
	font-size: 1.0em;
}


.ltblue { color: #328CED; }
.dark { color:#333333; }
.dark2 { color:#616161; }
#dark { color:#333333; }
.blue { color: #0F5AAA;  }

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B2B2B2;	        
}


#wave {
position:absolute;
/*top:54px;*/
top:0px;
left:0px;
background: url('http://www.graniteaquatics.net/images/2/Wave.jpg') repeat-x;
width:100%;
height:555px;
overflow:hidden;
z-index:-10; 
}



p, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

/** LINKS */

a {
	color: #317B9F;
}

a:hover {
	text-decoration: none;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

.input-text {
	padding: 3px;
        margin: 3px 3px 0 15px;
	border: 1px solid #666666;
        background-color: #FFFF99;
        color:#000000;
}

.input-submit {
	width: 72px;
	height: 22px;
	padding: 2px;
	background: #777777;
	border: 1px solid #666666;
	font-weight: bold;
	color: #FFFFFF;
}

#FormSB input:focus, textarea:focus { background-color: #FFFFcc; }
#FormSB label {  
display: inline;
float: left;  
width: 45px;  
margin: 0.5em 0 0 0;
font-weight:bold;
color:#333333; 
}
#FormSB .input-submit {
	width: 72px;
	height: 22px;
	padding: 2px;
	background: #777777;
	border: 1px solid #666666;
	font-weight: bold;
	color: #FFFFFF;
        margin: 7px 0 0 15px; 
}
/* ============================= Form2 ============================= */
#Form2 {
color:#333;
}

#Form2 label {  
display: block;
float: left;  
width: 10em;  
margin-right: 1em;
font-weight:bold;
font-size:1.5em;
color:#333333;
}

#Form2 fieldset {  
position: relative;  
width: 95%;  
margin: 0 0 1.5em 0;  
padding: 0;
}

#Form2 #formdisplay {  
position: relative;
float: left;  
clear: left;  
width: 99%;  
margin: 0 0 1.5em 0;  
padding: 10px;

}

#Form2 #formdisplay ol {  
padding: 0.3em 0.7em 0 0.7em;  
list-style: none;
}

#Form2 #formdisplay li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em;
}


#Form2 #displaylegend {  
margin-left: 1em;
margin-top: 0.5em;  
color: #000000;  
font-weight: bold;
}

#Form2 legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}

#Form2 legend span {  
position: absolute;  
margin-top: 0.5em;  
font-size: 135%;
}

#Form2 fieldset ol {  
padding: 0.6em 1em 0 1em;  
list-style: none;
}

#Form2 fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em;
}


#Form2 .submit {
background-color:#888888;
color:#fff; font-weight:bold;  
padding:2px;
margin:0 0 0 5px;;
width:10em;
font-weight:bold;
font-size:1.3em;

cursor:pointer;
border:1px solid #333333;
}


#Form2 input,textarea {
background-color: #ffff99;
border:solid 1px #0E3153;
color:#000000;
margin:1px 0 0 5px;
font-size:1.5em;
line-height:1.7em;
}

#Form2 textarea { width:250px; height:100px; }

#Form2 input:focus, textarea:focus {
background-color: #fffbe8;
border:solid 1px #FF8311;
margin:1px 0 0 5px;
font-size:1.5em;
line-height:1.7em;
color:#000000;
}



.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list1 li {
	padding: 7px 0px;
	border-top: 1px solid #DDDDDD; list-style:none;
}

.list1 li.first {
	border: none;
}

.list1  a {
	text-decoration: none;
	font-weight: bold;
	color: #3EA5C1;
}

.list1  a:hover {
	text-decoration: underline;
}

.list2 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	border: 1px solid #DFDEDE;
	padding:10px;
}

.list2 li {
	padding: 7px 0px;
	/*border-top: 1px solid #DDDDDD; */ list-style:none;
}

.list2 li.first {
	border: none;
}

.list3 {
	margin-left: 0px;
	padding-left: 0px; 
        margin:0px; padding:0px;
	list-style: none;
}

.list3 li { 
	background:url('http://www.graniteaquatics.net/images/list-bg.gif') no-repeat 5px 7px; 
	padding:3px 0px 0px 30px; 
        color:#333333; 
}

.list4 {
	margin: 10px 20px  10px 20px;
	padding: 15px;
        border: 1px solid #DFDEDE;
	list-style: none; text-align:left;
}

.list4 li {
	list-style:none;
}


.list4  a {
	text-decoration: none;
	font-weight: bold;
	color: #3EA5C1;
}

.list4  a:hover {
	text-decoration: underline;
}

.list5 {
	margin: 45px 20px  10px 20px;
	padding: 15px;
        border: 1px dashed #C6C4C4;
	list-style: none;
}

.list5 li {
	list-style:none;
}


.list5  a {
	text-decoration: none;
	font-weight: bold;
	color: #3EA5C1;
}

.list5  a:hover {
	text-decoration: underline;
}

.dashBox {
	margin: 10px 0px 50px 0px;
	padding: 10px 25px 10px 25px;
        border: 2px dashed #616161;
}

/* ---------- Three Column CSS ---------- */

/* Note: adding larger margins or padding to columns requires that you decrease the width setting proportionally. If you add padding to the container, the same applies. */ 

.csscolumns {
	overflow:hidden;
	width: 100%;
        color:#333333;
}

#col_one_3 {
	margin: 0;
	float: left;
	width:28%;
}
#col_two_3 {
	margin: 0 0 0 62px; /* Puts a 12 pixel space between columns (left side) */
	float: left;
	width:28%;
}
#col_three_3 {
	margin: 0 0 0 62px; /* Puts a 12 pixel space between columns (left side) */
	float: left;
	width:28%;
}

#col_one_3b {
	margin: 0;
	float: left;
	width:30%;
}
#col_two_3b {
	margin: 0 0 0 18px; 
	float: left;
	width:30%;
}
#col_three_3b {
	margin: 0 0 0 18px; 
	float: left;
	width:30%;
}

/** MISC */

.align-justify {
	text-align: justify;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center{
	text-align: center;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 3px 15px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

img.border {
	padding: 3px;
	border: 1px solid #B4B4B4;
}

hr {
	display: none;
}

.hr1 {
	height: 1px;
}

.clear { clear:both; }


.spaceR20 { margin-right:20px;}
.spaceR40 { margin-right:40px;}
.spaceT10 { margin-top:10px;}
.spaceT20 { margin-top:20px;}
.spaceT30 { margin-top:30px;}
.spaceT45 { margin-top:45px;}
.spaceT-30 { margin-top:-30px;}
.spaceT-10 { margin-top:-10px;}
.spaceT-20 { margin-top:-20px;}
.spaceT-45 { margin-top:-45px;}
.spaceB10 { margin-bottom:10px;}
.spaceB20 { margin-bottom:20px;}
.spaceB30 { margin-bottom:30px;}
.spaceB45 { margin-bottom:45px;}
.spaceL10 { margin-left:10px;}
.spaceL20 { margin-left:20px;}
.spaceL30 { margin-left:30px;}
.spaceL45 { margin-left:45px;}
.spaceL60 { margin-left:60px;}
.spaceL75 { margin-left:75px;}
.spaceL100 { margin-left:100px;}

.bordertop {   border-top: 1px dashed #C6C4C4; }

.medfont { font-size:12px; }
.medium {	font-size: 16px;  }

/** HEADER */

#header {
	width: 886px;
	height: 80px;
	margin: 0px auto;
}

#toprow {
	width: 886px;
	height: 30px;
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
	/*background: #F2F6F8 url('http://www.graniteaquatics.net/images/2/homepage02.gif') repeat-x left top;
	border: 1px solid #E3E3E3; */
       
}

/** BANNER */

#banner {
	width: 886px;
	height: 108px;
	margin: 0px auto 0px auto;
	padding: 40px 0px 0px 0px;
	/*background: url('http://www.graniteaquatics.net/images/2/homepage07.jpg') no-repeat left top; */
	color: #C1CFA8;
}

#banner h1 {
	margin: 0px;
	padding: 0px 0px 0px 60px;	
	background: none;
	font-size: 30px;
	color: #333333;
	float:left;
}

#banner h2 {
	margin-bottom: 15px;
	padding: 0px 0px 0px 60px;
	font-size: 18px;
	color: #FF870D;
	float:left;
}
#banner p {
	width:315px;
	float:right;
	padding: 0px 170px 0 0;
}

#banner a {
	color: #FFFFFF;
}

#banner img {	
	float:left;
	/* margin:-90px 0 0 40px; */
}

#banner .logoimg {
	
        margin:-90px 30px 0px 0px;
}

#banner .adimg {
	width: 500px;
	/*height: 153px; */
	float:left;
	margin:-100px 0 0 0px;
}



#banner-tag {
         font-size:11px; 
         font-weight:bold; 
         /*color:#3EA5C8; */ color:#0C63B0;
         text-align:right; padding-right:20px;
}

#banner-tag span {
         color:#666666;
}
/* ============================= Simple jQuery ====================== */
  /*** set the width and height to match your images **/

#slideshow {
    position:relative;
		top:-100px;
		left:0;		
    height:250px;
    width:400px;
    overflow: hidden; /* important */ 		
    border:2px solid #333333;       
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 250px;
    background-color:none;
		
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 250px;
    display: block;
    border: 0;
    margin-bottom: -40px;
}

#caption {   
    z-index:9998;
		position:absolute;
		top:220px;left:0px;
    background-color:#333333;
    margin-top:0px;
    height:30px;
    width:400px;    
    opacity: 0.7; 
}

#cap-text {
    z-index:9999;
		position:absolute;bottom:0px;left:10px;
		overflow:hidden;
		height:23px;
    width:390px;		
		margin:0;
    padding:0;
    font-weight:bold;
    font-size:1.16em;    
    color:#ffffff;    
    /*background-color:yellow; */
		opacity: 1.0;
}

/** LOGO */

#logo {
	float: left;
	width: 246px;
	height: 120px;
	/*background: url('http://www.graniteaquatics.net/images/2/homepage01.jpg') no-repeat left top; */	
}

#logo h1, #logo h2 {
	margin: 0px;
	padding: 0px;
	background: none;
	text-indent: -9999em;
}

/** LOGIN */

#login {
	float: left;
}

#login form {
	width: 367px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	/*background: #F2F6F8 url('http://www.graniteaquatics.net/images/2/homepage02.gif') repeat-x left top;
	border: 1px solid #E3E3E3; */
}

#login input {
	float: left;
	margin-left: 7px;
}

#login .input-text {
	width: 110px;
}

#login .input-submit {
	background: #FFCD0F url('http://www.graniteaquatics.net/images/2/homepage03.gif') repeat-x left top;
}

/** SEARCH */

#loginrow {
	width: 886px;
	height: 50px;
	margin: 0px auto;
}

#search {
	float: left;
}

#search form {
	width: 257px;
	height: 30px;
	margin: 0px 0px 0px 10px;
	padding: 8px 0px 0px 0px;
	/*background: #F2F6F8 url('http://www.graniteaquatics.net/images/2/homepage02.gif') repeat-x left top;
	border: 1px solid #E3E3E3; */
}

#search input {
	float: left;
	margin-left: 7px;
}

#search .input-text {
	width: 140px;
}

#search .input-submit {
	background: #75BE65 url('http://www.graniteaquatics.net/images/2/homepage04.gif') repeat-x left top;
}

/** MENU */

#menu {
	width: 886px;
	height: 49px;
	margin: 0px auto 30px auto;
	/*background: url('http://www.graniteaquatics.net/images/2/homepage05.gif') repeat-x left top; */
	background: url('http://www.graniteaquatics.net/images/2/m_bg.gif') repeat-x left top;       
        font-size:1.05em;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	list-style: none;
}

#menu li {
	float: left;
	height: 26px;
	padding: 6px 15px 0px 15px; /*adjust left and right (15px for 7 links, 23px for 6 links) to correctly space the nav menu links */
	background: url('http://www.graniteaquatics.net/images/2/homepage06.gif') no-repeat left top;
}

#menu li.first {
	background: none;
}

#menu .lcap {
	float:left;
}
#menu .rcap {
	float:right;
	margin-top:-10px;
}

#menu a {
	text-decoration: none;
	font-weight: bold;
	color: #3EA5C1;
}

#menu a:hover {
	text-decoration: underline;
}
/** AD 1 */
#ads {
	width: 886px;
	height: 163px;
	margin: 0px auto 20px auto;
	color:#000000;	
	background-color: #ffffff;	
}
#ads .ad1 {
	width:258px;
	height:73px;
	float:left;
	padding: 90px 10px 0 0; 
	background: #ffffff url('http://www.graniteaquatics.net/images/2/ad2.jpg') no-repeat left top; 
}


#ads .ad2 {
	float:left;
}
#ads .news {
	width:200px;
}

/** PAGE */

#page {
	width: 886px;        
	margin: 0px auto 20px auto;
	/*background: url('http://www.graniteaquatics.net/images/2/subpage3_01.gif') repeat-y left top;*/
}
#btm {
	height: 28px;
	/*background: url('http://www.graniteaquatics.net/images/2/subpage3_04b.gif') no-repeat left bottom;*/
}

.wide-subpage #page {
	background-image: url('http://www.graniteaquatics.net/images/2/subpage4_01.gif');
}

.wide-subpage #btm {
	background-image: url('http://www.graniteaquatics.net/images/2/subpage4_03.gif');
}

/** CONTENT */

#content {
	float: right;
	width: 574px;
	padding: 11px 28px 20px 28px;
	/*background: url('http://www.graniteaquatics.net/images/2/subpage3_03.jpg') no-repeat left top;*/
}

#content2 {
	background: url('http://www.graniteaquatics.net/images/2/subpage3_03a.jpg') no-repeat left top;
}

.content2 {
	background: url('http://www.graniteaquatics.net/images/2/subpage3_03b.jpg') repeat-y left top;
}

#contentT {
	background: url('http://www.graniteaquatics.net/images/2/subpage3_03a.jpg') no-repeat left top;
} 

#contentM {
	background: url('http://www.graniteaquatics.net/images/2/subpage3_03b.jpg') repeat-y left top;
}

#contentB {
	background: url('http://www.graniteaquatics.net/images/2/subpage3_04b.jpg') no-repeat left top; height:24px;
}

#content2btm {
	background: url('http://www.graniteaquatics.net/images/2/subpage3_04b.jpg') no-repeat left top; height:24px;
}

.wide-subpage #content {
	float: none;
	width: auto;
	background-image: url('http://www.graniteaquatics.net/images/2/subpage4_02.gif');
}

.wide-subpage #content .content {
	padding: 0px 25px;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 183px;
	padding: 20px 26px;
        margin-top:20px;
	background: url('http://www.graniteaquatics.net/images/2/subpage3_02.gif') no-repeat left top;
        color:#333333;
}

#sidebar-2 {
	float: left;
	width: 183px;
	padding: 20px 26px;
	margin: -20px -26px;
	background: url('http://www.graniteaquatics.net/images/2/subpage3_02a.gif') repeat-y  left top;
        color:#333333;
}


#sidebar-btm {
	float: left;
	width: 235px;
        height:28px;
	/*padding: 20px 26px;	margin-top:-11px;*/

	margin: 20px -26px 10px -26px;
	background: url('http://www.graniteaquatics.net/images/2/subpage3_04a.gif') no-repeat  left top;
        background-color:blue;
}

/** FOOTER */

#footer {
	width: 886px;
	height: 80px;
	margin: 0px auto;
	background: url('http://www.graniteaquatics.net/images/2/subpage3_05.gif') no-repeat left top;
}

#footer p {
	margin: 0px;
	padding: 25px 15px 0px 25px;
	color: #B0B0B0;
}

#footer a {
	padding: 0px 10px;
	color: #B0B0B0;
}

#footer .links {
	float: right;
}

#footer .legal {
	float: left;
}

#footer .footer-tag {
	clear:both;
        text-align:center;
}
#wave_footer {
position:relative;
bottom:0px;
left:0px;
background: url('http://www.graniteaquatics.net/images/2/wave_footer.jpg') repeat-x;
width:100%;
height:88px;
overflow:hidden;

}


/* DIVIDER BOX */

.dividerBox {
       /* width:99%;
        height:23px;
	 background: #4DCFDC url('http://www.graniteaquatics.net/images/2/homepage15.gif') repeat-x; 
        margin: 0px auto;
        border-top:1px solid #1373D9;
        border-bottom:1px solid #1373D9;*/

}

.spacer20 {
        margin: 20px 0px 0px 0px;
}

/** BOX STYLE A */

.boxA {
}

.boxA h2 {
  color:#333333;
}

.boxA .content {
	padding: 0px 0px 0px 25px;
}

.boxA .item {
	float: left;
	width: 250px;
}

.boxA .item .image {
	float: left; padding: 0 7px 10px 0;
}

.boxA .item .name {
	margin-bottom: 10px;
	font-size: 11px;
	color: #0F0F0F;
}

.boxA .item .description {
	font-size: 1.2em;
	line-height: 1.3em;
        min-height:100px;
        padding-bottom: 15px;
        color:#000000;
}


.boxA .item .price {
	font-size: 18px;
	color: #2E70AD;
}

.boxA .item .price sup {
	font-size: 12px;
}

.boxA .item .links {
	margin: 0px;
	height: 30px;
	/* background: #F2F6F8 url('http://www.graniteaquatics.net/images/2/homepage13.gif') repeat-x left top; */
	/* border: 1px solid #E3E3E3; */
}

.boxA .item .links a {
	float: right;
	width: 72px;
	height: 20px;
	margin: 3px 5px 0px 0px;
	padding: 3px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

.boxA .item .links a:hover {
	text-decoration: underline;
}

.boxA .item .cart {
	background: url('http://www.graniteaquatics.net/images/2/homepage14.gif') repeat-x left top;
}

.boxA .item .details {
	background: url('http://www.graniteaquatics.net/images/2/homepage15.gif') repeat-x left top;
}

.boxA .vline {
	float: left;
	width: 25px;
	height: 134px;
	background: url('http://www.graniteaquatics.net/images/2/homepage16.gif') no-repeat center top;
}

.boxA .hline {
	float: left;
	width: 100%;
	height: 51px;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	background: url('http://www.graniteaquatics.net/images/2/homepage17.gif') no-repeat left center;
}

/** BOX STYLE B */

.boxB {
}

.boxB h1 { margin-bottom:-5px; }

.boxB .content {
	padding: 0px 25px;
}

.boxB .hline {
	margin-bottom: 22px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ECECEC;
}

.boxB .item .image {
	float: left;
        padding: 0 10px 15px 0;
}

.boxB .item .imageL {
	float: left;
        padding-right:20px;
        clear:both;
}

.boxB .item .imageR {
	float: right;
        padding-left:20px;
        clear:both;
}

.boxB .item .name {
	margin-bottom: 10px;
	font-size: 11px;
	color: #0F0F0F;
}

.boxB .item .description {
	margin-bottom: 3px;
	font-size: 1.2em;
	line-height: 1.3em;
        color:#333333;
}

.boxB .item .price {

	color: #2E70AD;
}

.boxB .item .price sup {
	font-size: 12px;
}

.boxB .item .cart {
	float: left;
	width: 72px;
	height: 20px;
	margin: 3px 5px 0px 0px;
	padding: 3px 0px 0px 0px;
	background: url('http://www.graniteaquatics.net/images/2/homepage14.gif') repeat-x left top;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

.cart {
	float: left;
	width: 72px;
	height: 20px;
	margin: 3px 5px 0px 0px;
	padding: 3px 0px 0px 0px;
	background: url('http://www.graniteaquatics.net/images/2/homepage14.gif') repeat-x left top;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

.boxA .item .links a:hover {
	text-decoration: underline;
}