/* CSS Document */
body {
background: url('../images/dotback4.jpg') repeat-y top center #cccccc; 
margin: 0px auto; 
padding: 0px; 
border: 0px;
font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;    
}
#container { 
position: relative; 
top: 0px; 
margin: 0px auto; 
width: 770px;
text-align: center;
height: auto;
}
h1 {
font: 15px arial;
font-weight: bold;
color: #49616b;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #c1c1c1;
width: 524px;         
}
h2 {
font: 15px arial;
font-weight: bold;
color: #49616b;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
}
h3 {
font: 12px arial;
font-weight: bold;
color: #49616b;    
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 8px;   
}
img {
border: 0px;
}
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
}
.imageborder {
border: 1px solid #3b4853; 
}
form {
display: inline; 
margin: 0px; 
padding: 0px;
}
hr.blueline {
background-color: #8DAAB2;
color: #8DAAB2;
height: 1px;
border: 0 solid #8DAAB2;
border-top-width : thin;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
width: 500px;
}
a:link { 
color : #49616b;
font-weight: bold;
text-decoration : none;
} 
a:visited { 
color : #49616b;
text-decoration : none;
} 
a:hover { 
color : #000000;
text-decoration : none;
}
a.reg:link { 
color : #49616b;
font-weight: normal;
text-decoration : none;
} 
a.reg:visited { 
color : #49616b;
font-weight: normal;
text-decoration : none;
} 
a.reg:hover { 
color : #000000;
font-weight: normal;
text-decoration : none;
}
.header {
width: 770px;
height: 13px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px;
overflow: hidden;    
}
	.header .left {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 17px;
    height: 13px;
    }
    .header .middle {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;  
    float: left;      
    width: 736px;
    height: 13px;
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    }
    .header .right {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    float: left;    
    width: 17px;
    height: 13px;
    }      
.banner {
width: 770px;
height: 90px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px;     
}
    .banner .left {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 17px;
    height: 90px;
    }
    .banner .middle {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;  
    float: left;      
    width: 736px;
    height: 90px;
    background-image: url('../images/banner.jpg');
    background-repeat: no-repeat;
    }
    .banner .right {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    float: left;    
    width: 17px;
    height: 90px;
    } 	
#toplinks {
width: 770px;
height: 41px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
    #toplinks .left {
    width: 39px;
    height: 41px;
    background-image: url('../images/toplinkleft.jpg');
	background-position: top right;
    background-repeat: no-repeat;
    float: left;
    }
    #toplinks .homelink {
    background-image: url('../images/navoff2.jpg');
    background-repeat: no-repeat;   
    float: left;   
    width: 59px;
    height: 41px;
    text-align: left;                  
    }
    #toplinks .link {
    background-image: url('../images/navoff1.jpg');
    background-repeat: no-repeat;   
    float: left;   
    width: 79px;
    height: 41px;
    text-align: left;                  
    }
    #toplinks .homelink a {
    padding: 5px 0px 0px 8px;
    font: 10px arial;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    height: 36px;
    }
    #toplinks .link a {
    padding: 5px 0px 0px 8px;
    font: 10px arial;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    height: 36px;
    }
    #toplinks .homelink a:hover { 
    background-image: url('../images/navon2.jpg');
    background-repeat: no-repeat;
    }
    #toplinks .link a:hover { 
    background-image: url('../images/navon1.jpg');
    background-repeat: no-repeat;
    }
	#toplinks .space {
    width: 74px;
    height: 41px;
    background-image: url('../images/space.jpg');
    background-repeat: no-repeat;
    float: left;           
    } 
    #toplinks .right {
    width: 17px;
    height: 41px;
    background-image: url('../images/navright.jpg');
    background-repeat: no-repeat;
    float: left;           
    } 
	#toplinks .right2 {
    width: 40px;
    height: 41px;
    background-image: url('../images/toplinkright.jpg');
	background-position: top left;
    background-repeat: no-repeat;
    float: left;           
    } 
#topspacer {
width: 770px;
height: 13px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}    
	#topspacer .leftspacer {
    width: 39px;
    height: 13px;
    background-image: url('../images/topspacerleft.jpg');
	background-position: top right;
    background-repeat: no-repeat;
    float: left;
    overflow: hidden;
    }
    #topspacer .middlespacer {
    width: 714px;
    height: 13px;
    background-image: url('../images/mainspacer.jpg');
    background-repeat: no-repeat;
    float: left;   
    overflow: hidden;
    }
    #topspacer .rightspacer {
    width: 17px;
    height: 13px;
    float: left; 
    overflow: hidden;            
    }
#bodytable {
width: 770px;
height: 469px; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;      
}    
	#bodytable .column1 {
    width: 17px;
    height: 469px;  
	}
	#bodytable .column2 {
    width: 714px;
    height: 469px;
    vertical-align: top;   
	}
	#bodytable .column3 {
    width: 22px;
    height: 469px;
    background-color: #a3a3a3;
	}
	#bodytable .column4 {
    width: 17px;
    height: 469px;   
	}
#content {
width: 714px;
height: 560px;
background-color: #ccc;
}
	#content .column1 {
    width: 150px;
    height: 100%;
    background-image: url('../images/subnavbg.jpg');
    background-repeat: repeat-y; 
    vertical-align: top;
	}
    #content .header {
    height: 27px;
    width: 150px;
    background-image: url('../images/subnavbg.jpg');
    background-repeat: no-repeat; 
    text-align:left;       
	}
    #content .header .headertext {
    padding: 8px 0px 0px 30px;
	font: 14px arial;
    font-weight: bold;
    color: #858585;   
    text-align: left; 
    letter-spacing: 1px;  
    clear: none;
	display:block;
    height: 19px;   
    } 
	#content .separator {
    height: 1px;    
    width: 150px;
    background-image: url('../images/subnavsep.jpg');
    background-repeat: no-repeat;  
 	}     
	#content .sublink {
    background-image: url('../images/sidenav_off.jpg');
    background-repeat: no-repeat;     
    width:150px;
    height:26px;
    text-align:left;  
	}
    #content .sublink a {
    padding: 7px 0px 0px 30px;
    font: 10px arial;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    display:block;
    height: 19px;    
    }
    #content .sublink a:hover {
    background-image: url('../images/sidenav_on.jpg');
    background-repeat: no-repeat;    
    }
	#content .sublinkbottom {
    display: block;
	width: 150px;
    height: 16px;
    background-image: url('../images/subnavbottom.jpg');
    background-repeat: no-repeat;      
	}
.bodycontent {
background-color: #ffffff;
padding-top: 8px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
	.bodycontent hr {
	padding: 0px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
    background-color: #c1c1c1;
	color: #c1c1c1;
	border: 0 solid #c1c1c1;
	border-top-width: thin;
	text-align: left;
    width: 524px;
    height: 1px;
    text-align: left;
	display: block;
	font-size: 10px;
	line-height: 1px; 
    }
    .bodycontent p {
    color: #000000;
    font: 11px arial;
	line-height: 150%;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    }
    .bodycontent p.center {
    color: #000000;
    font: 11px arial;
	line-height: 150%;
	text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    }
	.bodycontent p.small {
    color: #000000;
    font: 11px arial;
	line-height: 150%;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    }
.greytop {
height: 27px;
width: 150px;
background-color: #cccccc;      
}
#footer {
width: 770px;
height: 20px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
text-align: left;		  
}
    #footer .left {
    float:left;
    width: 39px;
    height: 20px;
    background-image: url('../images/footerleft.jpg');
	background-position: top right;
    background-repeat: no-repeat;	
    }
    #footer .link {
    float: left;
    width: 83px;
    height: 20px;
    background-image: url('../images/footersite.jpg');
    background-repeat: no-repeat;  
    }
    #footer a {
    font: 9px arial;
    font-weight: bold;	
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;           
    }
    #footer a:hover {
    text-decoration: underline;   
    }    
    #footer .right {
    float:left;
    width: 482px;
    height: 20px;
    background-image: url('../images/footerright.jpg');
	background-position: top left;
    background-repeat: no-repeat;  
	
    background-repeat: no-repeat;
	overflow: hidden;  
    }
    #footer .right .copy {
    margin-top: 5px;
    margin-left: 10px; 
    float:left;
    width: 637px; 
    font: 9px arial;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: left; 
    }
    #footer a {
    padding: 5px 0px 0px 5px;
    font: 9px arial;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;  
    display:block;
    height: 30px; 
    letter-spacing: 1px;                 
    }
    #footer a:hover {
    text-decoration: underline;   
    }
#copyright {
width: 770px;
height: 50px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px;
overflow: hidden;    
}
	#copyright .left {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 17px;
    height: 50px;
    }
    #copyright .middle {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;  
    float: left;      
    width: 736px;
    height: 50px;
    background-image: url('../images/copyright.jpg');
    background-repeat: repeat-y;
	font-size: 9px;
	color: #ffffff;
    }
    #copyright .right {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    float: left;    
    width: 17px;
    height: 50px;
    } 
#cart {
width: 770px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px;     
}
    #cart .left {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 17px;
    }
    #cart .middle {
    margin: 0px;
    padding: 8px 0px 0px 0px;  
    float: left;      
    width: 736px;
	background: #ffffff;
    background-image: url('../images/cartback.jpg');
    background-repeat: repeat-y;
	text-align: left;
	font-size: 12px;
    }
	#cart .scart1 td {
	font-size: 13px;
	}
	#cart .scart2 td {
	font-size: 12px;
	background: #ebebeb;
	}
    #cart .right {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    float: left;    
    width: 17px;
    } 	
.alignLeft { 
float:left; 
margin-right: 15px;
margin-top: 5px; 
}
.alignRight { 
float:right; 
margin-left: 15px;
margin-top: 5px;
}
.alignCenter { 
text-align:center;
display:block;
}
ul.models {
color: #000000;
font: 11px arial;
line-height: 150%;
padding: 0px 0px;
margin-left: 25px; 
margin-top: 5px; 
margin-bottom: 5px;
}
ol.models {
color: #000000;
font: 11px arial;
line-height: 150%;
padding: 0px 0px;
margin-left: 25px; 
margin-top: 5px; 
margin-bottom: 5px;
}
ul.bullet {
padding: 0px 0px;
margin-left: 25px; 
margin-top: 5px; 
margin-bottom: 5px;
}
ul.bullet li {
margin-top: 5px; 
margin-bottom: 5px;
}
ul.bullet li.p {
margin-top: 5px; 
margin-bottom: 10px;
}
ul.bullet li.parag{
margin-top: 5px; 
margin-bottom: 15px;
}
.video {
	font-size: 10px;
	font-weight: bold;
	font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
}
table.blue { 
margin: 0em;
border: 1px #8daab2 solid; 
border-collapse: collapse; 
}
td.blue, th.blue { 
padding: .3em; 
border: 1px #8daab2 solid;
font: 11px arial;
font-weight: bold;
color: #ffffff; 
}
td.grey, th.grey { 
padding: .3em; 
border: 1px #8daab2 solid;
font: 11px arial;
font-weight: normal;
color: #000000; 
}
td.green {
background-color: #8C999F;
border-left: 1px solid #8DAAB2;
border-right: 1px solid #8DAAB2;
padding: 4px 0px 4px 0px;
font: 11px arial;
font-weight: bold;
color: #ffffff; 
}
tr.blue { 
padding: .3em; 
border: 1px #8daab2 solid;
color: #000000;
font: 11px arial;
text-align: center;
}
thead.blue { 
border: 1px #8daab2 solid;
background: #4d6a72; 
}
thead.grey { 
border: 1px #8daab2 solid;
background: #ebebeb; 
}
table.content { 
	margin: 0em;
	border: 1px #006699 solid; 
	border-collapse: collapse; 
}
td.content, th.content { 
	padding: 1px 3px 1px 3px; 
	border: 1px #006699 solid; 
}
thead.content { 
	border: 1px #006699 solid;
	background: #cce0eb; 
}
td.tableheader {
background-color: #4d6a72;
font: 10px arial;
font-weight: bold;
color: #ffffff;
}
td img.blockimg {
display: block;
}
.searchform {
display: block;
padding: 0px;
margin-top: 10px;
margin-left: 20px;
}
.searchfield { 
width: 100px;
height: 12px;
padding: .3em; 
border: 1px #c1c1c1 solid;
font: 10px arial;
font-weight: bold;
}
.copyright {
font-size: 10px;
color: #4b4b4b; 
margin-bottom: 15px; 
font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
}
.featureboxtop154 {
height: 25px;
width: 154px;
background-image: url(../images/featurebox-top154.gif);
background-repeat: no-repeat;
display:block; 
margin:0; 
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-weight: bold;
overflow: hidden;
border-style: none;
}
.featureboxbottom154 {
height: 10px;
width: 154px;
background-image: url(../images/featurebox-bottom154.gif);
background-repeat: no-repeat;
vertical-align: top;
text-align: left;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
border-style: none;
}
.featurebox154 {
width: 154px;
background-image: url(../images/featureback154.gif);
background-repeat: repeat-y;
vertical-align: top;
text-align: left;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
border-style: none;
}
.featureboxtop253 {
height: 25px;
width: 253px;
background-image: url(../images/featurebox-top253.gif);
background-repeat: no-repeat;
display:block; 
margin:0; 
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-weight: bold;
overflow: hidden;
border-style: none;
}
.featureboxbottom253 {
height: 10px;
width: 253px;
background-image: url(../images/featurebox-bottom253.gif);
background-repeat: no-repeat;
vertical-align: top;
text-align: left;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
border-style: none;
}
.featurebox253 {
width: 253px;
background-image: url(../images/featureback253.gif);
background-repeat: repeat-y;
vertical-align: top;
text-align: left;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
border-style: none;
}
.featureboxtop350 {
height: 25px;
width: 350px;
background-image: url(../images/featurebox-top350.gif);
background-repeat: no-repeat;
display:block; 
margin:0; 
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-weight: bold;
overflow: hidden;
border-style: none;
}
.featureboxbottom350 {
height: 10px;
width: 350px;
background-image: url(../images/featurebox-bottom350.gif);
background-repeat: no-repeat;
vertical-align: top;
text-align: left;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
border-style: none;
}
.featurebox350 {
width: 350px;
background-image: url(../images/featureback350.gif);
background-repeat: repeat-y;
vertical-align: top;
text-align: left;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
border-style: none;
}
.featureboxtop524 {
height: 25px;
width: 524px;
background-image: url(../images/featurebox-top524.gif);
background-repeat: no-repeat;
display:block; 
margin: 0px; 
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-weight: bold;
overflow: hidden;
border-style: none;
}
.featureboxbottom524 {
height: 10px;
width: 524px;
background-image: url(../images/featurebox-bottom524.gif);
background-repeat: no-repeat;
vertical-align: top;
text-align: left;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
border-style: none;
}
.featurebox524 {
width: 524px;
background-image: url(../images/featureback524.gif);
background-repeat: repeat-y;
vertical-align: top;
text-align: left;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
border-style: none;
}
.featurebox {
font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif; 
font-size: 11px;
border: 1px solid #8DAAB2;
background-color: #ebebeb;
padding: 5px 5px 5px 5px;
}
.blankbox {
font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif; 
font-size: 11px;
border: 1px solid #8DAAB2;
padding: 5px 5px;
}
.modelbox {
font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif; 
font-size: 11px;
border: 1px solid #8DAAB2;
background-color: #ebebeb;
padding: 2px 2px;
width: 400px;
}
.vidtable {
margin: 10px auto 20px auto;
padding: 0px;
border: 0px;
}
.vidul {
width: 15px;
height: 15px;
background: url(../video/images/videowindow-ul.jpg) no-repeat;
}
.vidtop {
height: 15px;
background: url(../video/images/videowindow-top.jpg) repeat-x;
}
.vidur {
width: 15px;
height: 15px;
background: url(../video/images/videowindow-ur.jpg) no-repeat;
}
.vidleft {
width: 15px;
background: url(../video/images/videowindow-left.jpg) repeat-y;
}
.vidright {
width: 15px;
background: url(../video/images/videowindow-right.jpg) repeat-y;
}
.txtNormal { 
font-size: 11px; 
color: #000000; 
line-height: 15px;
}
.txtheader { 
font-weight: bold; 
font-size: 11px; 
text-transform: uppercase; 
font-family: tahoma, verdana, arial, helvetica, sans-serif; 
letter-spacing: 0.3em
}
.txtsmheader { 
font-weight: bold; 
font-size: 9px; 
text-transform: uppercase; 
font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif; 
letter-spacing: 0.1em
}
.ggbody {
	padding-right: 10px; 
	padding-left: 10px; 
	font-weight: normal; 
	font-size: 11px; 
	background: #fff; 
	color: #222; 
	line-height: 150%; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
}
.ggbody2 {
	font-weight: normal; 
	font-size: 10px; 
	line-height: 150%; 
	padding-top: 0px; 
	font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
	text-align: center;
}
.dlist {
	font-size: 11px; 
	font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
}
.hlist {
	font-size: 10px;
	font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
}
.price {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000; 
	font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
}
.video {
	font-size: 11px;
	font-weight: bold;
	color: #4d6a72;
	font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
}
.vidtime {
	font-size: 10px;
	font-weight: normal;
	color: #959595;
	font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif;
}
#one
{
width:384px;
height:308px;
padding: 0px;
margin: 0px auto;
border: 0px;
overflow: hidden;
background: #404040 url(../images/cleverdoggietitles-bar.jpg) no-repeat;
}
.twitterside {
width: 128px; 
margin-top: 15px; 
text-align: center; 
font-size: 11px; 
line-height: 150%; 
float: right;
}
/*object
{
width:384px;
height:308px;
border: none;
overflow: hidden;
background: #404040 url(../images/cleverdoggietitles-bar.jpg) no-repeat;
}*/