﻿*
{
    outline:none;
}

body
{
    background-image:url(Images/top_grad.gif);
    background-position:left top;
    background-repeat:repeat-x;
    background-color:#f5f6f7;
    margin:0;
    font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
    color:#4f4c4d;
    font-size:12px;
}

h1
{
    font-size:26px;
    font-weight: lighter;
}

h3
{
    font-size:18px;
    margin:10px 0 0 0;
    padding:0;
}

h4
{
    font-size:14px;
    margin:0;
    padding:0;
}

p
{
    font-size:12px;
    margin:5px 0 0 0;
    padding:0;
}

a
{
    color:#00aeef;
    text-decoration:none;
}

input
{
    font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
    font-size:12px;
}

textarea
{
    font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
    font-size:12px;
}

.blueballlink
{
    display:block;
    background-image:url(Images/bluedotball.gif);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:17px;
}

.addtocartbtn
{
    display:block;
    background-image:url(Images/Buttons/addtocart.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    width:104px;
    height:28px;
    border:none;
    
}

.checkoutbtn
{
    display:block;
    background-image:url(Images/Buttons/checkout.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    width:104px;
    height:28px;
    border:none;
}

.updatecartbtn
{
    display:block;
    background-image:url(Images/Buttons/updatecart.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    width:104px;
    height:28px;
    border:none;
}

.submitbtn
{
    display:block;
    background-image:url(Images/Buttons/submit.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    width:104px;
    height:28px;
    border:none;
}

.warrantytermsandconditions
{
    display:none;
    width:460px;
    padding:20px;
    height:360px;
    position:absolute;
    background-color:#ffffff;
    border:solid 1px #000000;
    top:53px;
    left:122px;
    z-index:6;
    
}

#wrapper
{
    width:981px;
    margin:0 auto;
}

#wrapper #top
{
    width:981px;
}

#wrapper #top #linknav
{
    float:right;
}

#wrapper #top #linknav ul
{
    list-style-type:none;
    margin:10px 15px 0 0;
    padding:0; 
}

#wrapper #top #linknav ul li
{
    float:left;
    margin:0 0 0 8px;
    padding:0;
}

#wrapper #top #linknav ul a
{
    font-family:Trebuchet MS;
    font-size:10px;
    text-decoration:none;
    color:#00aeef;
}

#wrapper #top #logo
{
    float:left;
}

#wrapper #top #mainnav
{
    float:left;
    /*margin:0 0 10px 0;*/
    width:981px;
}

#wrapper #top #mainnav ul
{
    float:right;
    list-style-type:none;
    margin:14px 0 0 0;
    padding:0;
    width:800px;
}

#wrapper #top #mainnav ul li
{
    float:left;
}

#wrapper #top #mainnav ul .search
{
    display:block;
    width:167px;
    height:42px;
    background-image:url(Images/nav/search_bg.gif);
}

#wrapper #top #mainnav ul .search .searchbox
{
    width:137px;
    height:18px;
    border:none;
    background-image:url(Images/searchbox.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    margin:8px 0 0 5px;
    padding:3px 25px 0 10px;
}

#wrapper #top #mainnav ul .search .searchbox .field
{
    width:112px;
    height:18px;
    border:none;
    background-color:Transparent;
}

#wrapper #content
{
    clear:both;
    margin:0;
    padding:0;
}

#wrapper #content .homecontent
{
    position:relative;
    background-image:url(Images/homecontent_bg.png);
    background-repeat:no-repeat;
    background-position:left top;
    height:525px;
    width:895px;
    padding:41px 35px 0 51px;
    z-index:1;
}

#wrapper #content .carousel
{
    width:978px;
    height:180px;
    background-image:url(Images/carousal_bg.jpg);
    background-repeat:no-repeat;
    margin-bottom:13px;
}

#wrapper #content .homecontent .mainbannertitle
{
    margin-bottom:15px;
    z-index:0;
}

#wrapper #content .mediumcontentblock
{
    position:relative;
    background-image:url(Images/mediumcontentblock.png);
    background-repeat:no-repeat;
    background-position:left top;
    height:373px;
    width:733px;
    z-index:1;
}

#wrapper #content .tallthincolumn
{
    position:relative;
    background-image:url(Images/tallthincolumn_bg.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    height:366px;
    width:206px;
    z-index:1;
    padding:8px 15px 0 15px;
}

#wrapper #content .tallthincolumnlong
{
    position:relative;
    background-image:url(Images/tallthincolumn_bg_long.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    height:379px;
    width:206px;
    z-index:1;
    padding:8px 15px 0 15px;
}

#wrapper #content .tallthincolumnlong2
{
    position:relative;
    background-image:url(Images/tallthincolumn_bg_long2.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    height:836px;
    width:206px;
    z-index:1;
    padding:8px 15px 0 15px;
}

#wrapper #content .tallthincolumnlong2 .thincoldivide
{
    clear:both;
    width:206px;
    height:1px;
    background-color:#c7c8c8;
}

#wrapper #content .tallthincolumn .thincoldivide
{
    clear:both;
    width:206px;
    height:1px;
    background-color:#c7c8c8;
}

#wrapper #content .productblocks
{
     
}

#wrapper #content .productblocks .productblock
{
    background-image:url(Images/smallprodbox.gif);
    width:232px;
    height:178px;
    padding:2px 2px 2px 2px;
    margin-top:16px;
    float:left;
    font-size:11px;
}

#wrapper #content .productblocks .productblockpink
{
    background-image:url(Images/smallprodboxpink.gif);
    width:232px;
    height:178px;
    padding:2px 2px 2px 2px;
    margin-top:16px;
    float:left;
    font-size:11px;
}

#wrapper #content .productblocks .blockwtitlebar
{
    background-image:url(Images/blockwtitlebar.gif);
    width:236px;
    height:183px;
    margin-top:16px;
    float:left;
    font-size:11px;
}

#wrapper #content .productblocks .blockwtitlebar h4
{
    font-size:14px;
    margin:10px 0 10px 20px;
    padding:0;
}

#wrapper #content .productblocks .blockwtitlebar p
{
    margin:0 0 0 20px;
    font-size:10px;
}

#wrapper #content .productblocks .blockwtitlebar ul
{
    font-size:10px;
    margin:0 0 0 30px;
    padding:9px 0 0 0;
    line-height:16px;
}

#wrapper #content .productblocks .blockwtitlebar a
{
    color:#4F4C4D;
    text-decoration:underline;
}

.subscribeblock
{
    background-image:url(Images/subscribeblock.gif);
    width:236px;
    height:183px;
    margin-top:16px;
    float:left;
    font-size:11px;
}

.subscribeblock h4
{
    font-size:14px;
    margin:10px 0 10px 20px;
    padding:0;
}

.subscribeblock p
{
    margin:0 0 0 20px;
    font-size:10px;
}

.subscribeblock ul
{
    font-size:10px;
    margin:0 0 0 30px;
    padding:9px 0 0 0;
    line-height:16px;
}

.subscribeblock a
{
    color:#4F4C4D;
    text-decoration:underline;
}

.subscribeblock .mailsubscribetxtbox
{
    width:116px;
    height:21px;
    border:none;
    background-color:Transparent;
    background-image:url(Images/subscribetextbox.gif);
    background-repeat:no-repeat;
    padding:3px 10px 0 10px;
    margin:0 10px 0 15px;
}

.subscribeblock .joinbtn
{
    background-image:url(Images/Buttons/join.gif);
    background-repeat:no-repeat;
    width:61px;
    height:24px;
    border:none;
    background-color:Transparent;
}

#wrapper #content .proddetailsblock
{
    position:relative;
    background-image:url(Images/proddetailsbg.png);
    background-repeat:no-repeat;
    background-position:left top;
    height:765px;
    width:940px;
    padding:20px 20px 20px 20px;
    z-index:1;
}

#wrapper #content .proddetailsblock .left
{
    float: left;
    width: 275px;
    margin-right: 53px;
}

#wrapper #content .proddetailsblock .middle
{
    float: left;
    width: 275px;
    margin-right: 53px;
}

#wrapper #content .proddetailsblock .right
{
    float: left;
    width: 275px;
}

.rangeItem
{
	padding-bottom: 34px;
}

.rangeItem .prodName
{
	line-height: 33px;
	font-size: 11px;
}

.rangeItem .buttons
{
}

.videoblock
{
    position:relative;
    background-image:url(Images/videoblock_bg.gif);
    background-repeat:no-repeat;
    background-position:left top;
    height:109px;
    width:277px;
    padding:0;
    z-index:1;
}

.facttable
{
    border-top:solid 1px #e9ebed;
}

.facttable td
{
    border-bottom:solid 1px #e9ebed;
    padding:2px 0;
}

#wrapper #footer
{
    clear:both;
    border-top:solid 1px #c7c7c7;
    border-bottom:solid 1px #c7c7c7;
    height:18px;
    width:981px;
    padding:5px 0 4px 0;
    margin:10px 0 0 0;
    font-size:10px;
    color:#787878;
}

#wrapper #footer #footerleft
{
    float:left;
}

#wrapper #footer #footernav
{
    float:right;
}

#wrapper #footer #footernav ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#wrapper #footer #footernav ul li
{
    float:left;
    margin:0 0 0 5px;
    padding:0;
}

.cuteContent
{
    width:683px;
    padding:20px 10px 10px 30px;
    font-size:12px;
    min-height:332px;
}

.cuteContent h1
{
    margin-top:0;
    padding-top:0;
}

.cuteContent h2
{
    margin-top:0;
    padding-top:0;
}

#wrapper #content .pagecontentblock
{
    position:relative;
    background-image:url(Images/content_bg_top.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    width:733px;
    z-index:1;
}

#wrapper #content .pagecontentblockbottom
{
    background-image:url(Images/content_bg_bottom.jpg);
    width:733px;
    height:12px;
}

.largeexpbg
{
    background-image:url(Images/largebgexp.gif);
    background-repeat:no-repeat;
    width:955px;
    padding:25px;
    float:left;
}

#wrapper #content .largeexpbg .left
{
    float: left;
    width: 275px;
    margin-right: 53px;
}

#wrapper #content .largeexpbg .middle
{
    float: left;
    width: 275px;
    margin-right: 53px;
}

#wrapper #content .largeexpbg .right
{
    float: left;
    width: 275px;
}

.largeexpbg h1
{
    margin:0 0 10px 0;
}

.largeexpbgbottom
{
    background-image:url(Images/largebgexpbottom.gif);
    background-repeat:no-repeat;
    width:980px;
    height:39px;
    clear:both;
    
}

.videocolums
{
    width:921px;
    min-height:566px;
    background-image:url(Images/homecontent_bg.png);
    background-repeat:no-repeat;
    padding: 0px 30px 0px 30px;
}

.videocolums h1
{
    padding-top: 20px;
}

.videocolums h3
{
    font-size: 18px;
    font-family: Lucida Sans;
    font-weight: lighter;
    margin-bottom: 6px;
    margin-top: 0px;
}

.videocolums h3 span
{
    color: #44cbf0;
}

.videoleftcolumn
{
    float:left;
    width:219px;
    padding-right: 7px;
}

.videoleftcolumn .video-items
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.videoleftcolumn .video-items li
{
	width: 201px;
    height: 93px;
    margin-bottom: 5px;
    padding: 9px;	
    background-image:url(Images/video_bg.gif);
}

.videoleftcolumn .video-items li .thumb
{
	float: left;
	width: 83px;
	height: 91px;
}

.videoleftcolumn .video-items li .info
{
	float: left;
	width: 98px;
	height: 91px;
	margin-left: 15px;
}

.videoleftcolumn .video-items li p
{
	font-family: Lucida Sans;
	margin: 0px 0px 6px 0px;
}

.videoleftcolumn .video-items li p.title
{
	font-size: 14px;
	font-weight: bold;
}

.videoleftcolumn .video-items li p.description
{
	font-size: 10px;
}

.videoleftcolumn .video-items li p.link
{
	font-size: 10px;
}

.videoleftcolumn .video-items li p.link a
{
	padding-left: 17px;
	background: url(Images/bluedotball.gif) center left no-repeat;
}

.videomiddlecolumn
{
    float:left;
    width:562px;
    padding-right: 7px;
}

.videomiddlecolumn .video
{
    width:548px;
	height: 421px;
	background: url(Images/videoview_bg.gif) center left no-repeat;
	padding: 9px 7px 9px 7px;
}

.videorightcolumn
{
    float:left;
    width:122px;
}

.videorightcolumn .menu
{
	width: 112px;
	height: 218px;
	padding: 0px 0px 0px 10px;
	background: url(Images/videocat_bg.gif) center left no-repeat;
}

.videorightcolumn .menu a
{
	padding-left: 17px;
	background: url(Images/bluedotball.gif) center left no-repeat;
}

.grid
{
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	font-family: Trebuchet MS;
	color: #000000;
}

.grid th
{
	height: 37px;
	font-size: 13px;
	font-weight: lighter;
	padding: 0px 5px 0px 5px;
	text-align: left;
	background-image: url('Images/grid_th_bg.jpg');
	background-repeat: repeat-x;
}

.grid td
{
	height: 25px;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
	border-bottom: 1px solid #d4d4d4;
}

.grid td table td
{
	border-bottom: 0px;
}

.grid td a
{
	color: #464646;
	text-decoration: none;
}

.grid td a:hover
{
	text-decoration: underline;
}

.dottyterms
{
    width:700px;
    padding:0 15px 0 16px;
    background-color:#e20916;
    color:#ffffff;
    font-size:12px;
    font-family:Arial;
    #margin-bottom:-4px;
}

.dottyterms a
{
    color:#ffffff;     
    text-decoration:underline;   
}

.dottyterms p
{
    margin:0;
    padding:0 0 10px 0;
}

.dottyterms ol
{
    margin:0;
    padding:0 0 0 20px;
}
.dottyterms ol li
{
    padding-left:10px;
    padding-bottom:5px;
}

.dottyterms ol .nopadding
{
    padding-bottom:0;
}

.warrantycontent
{
    height: 311px;
    overflow-x: scroll;
}
