﻿
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0 0 0 0px; 
                                                                                         font-family:Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
.menu_ld { margin-left:10px; }
.menu_ld li { list-style-type:circle; }
ol { margin-left: 20px;}
img { border: none; }
fieldset {border-color: #dfdfdf; margin-top: 10px;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.pt { border-spacing: 1; padding: 1; }
.clear { clear: both; line-height: 0px; height: 0px; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px;}
th
{
    text-align: center;
}

body { font: 12px/18px Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

p { margin-bottom: 8px; }
h1 { font-weight: bold; font-size: 20px;}
h2 { font-weight: bold; font-size: 16px;}
h3 { font-weight: bold; font-size: 1em; line-height: 18px; border-bottom: 1px solid #dfdfdf; margin: 10px 0px; color: #333; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
h5 { font-weight: bold; font-size: 1em; line-height: 18px; border-bottom: 1px solid #dfdfdf; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; margin: 10px 0px; color: #333; background-color: #009dde; }
h6 { font-weight: bold; font-size: 1em; line-height: 18px; border-bottom: 1px solid #dfdfdf; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; margin: 10px 0px; color: #333; background-color: #82CFFD; }
p.intro { font-weight: bold; }

.more { text-align: right; }
hr
{
    margin: 8px 0px;
    border-color: #ccc;
}
#wrapper
{
    width: 1024px;
    margin: 0px auto;
    text-align: center;
}

#header
{
    width: 1024px;
    height: 40px;
    /*background: url(../Images/header_bg.jpg) no-repeat;*/
    margin-bottom: 10px;
}

#logo
{
    width: 186px;
    float: left;
    text-align: center;
    height: 40px;
}

#menu
{
    width: 625px;
    float: left;
}

#menu ul
{
    list-style: none;
}

#menu li
{
    float: left;
}

#menu li a
{
    display: block;
    background-image: none;
    height: 25px;
    padding: 0px 16px;
    padding-top: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
}

#menu li a:hover
{
    
}

#search
{
    width: 140px;
    float: left;
    margin-top: 12px;
    margin-left: 20px;
    height: 20px;
}

#nav
{
    width: 980px;
    height: 25px;
}

#nav_tollfree
{
    width: 165px;
    height: 26px;
    border: 1px solid #dfdfdf;
    float: left;
    padding-top: 5px;
    margin-left: 10px;  
    text-align: center; 
}
#nav_tollfree a
{
    color: Red;
    font-size: 16px;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
}

#nav_bar
{
    width: 1000px;
    height: 26px;
    float: left;
    
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dfdfdf;
    background-color: #efefef;
}


#left
{
    width: 168px;
    float: left;
}

#middle
{
    width: 624px;
    float: left;
    margin-left: 10px;
}

#right
{
    width: 168px;
    float: left;
    margin-left: 10px;    
}

#footer
{
    width: 100%;
    border: 1px solid #ddd;
    margin: 10px 0px;
    text-align: left;
    line-height:1.4em;
}
#footer b
{
    color: #08c;
}
#footer_wrapper
{
    margin: 10px 20px;
}

#footer_wrapper a
{
    color: #888;
    text-decoration: none;
}

#footer_wrapper ul
{
    margin-left: 0px;
    list-style: none;
    margin-bottom: 10px;
}
#footer_wrapper a:hover
{
    color: #222;
    text-decoration: none;
}

#bottom
{
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    font-size: 11px;
    color: #aaa;
    text-align: left;
    margin-bottom: 20px;
}

.box
{
    background-color: #fff; 
    margin-bottom: 8px;
}
.boxTitle
{
    width: 158px;
    height: 22px;
    text-align: left;
    padding-left: 10px;
    padding-top: 4px;
    background: url(../images/boxtitle_bg.png) no-repeat;
    color: #fff;
    text-transform: uppercase;
}
.boxTitle2
{
    width: 158px;
    height: 20px;
    text-align: left;
    padding-left: 10px;
    padding-top:3px;
    background: #00AEEF;
    color: #fff;
}

.flybox { 
    display: none; 
    position: absolute; 
    z-index: 101; 
    text-align: left; 
    white-space: normal; 
}

.icon_account
{
    background: url(../Images/icon_account.png) no-repeat left;
    padding-left: 16px;
    margin-right: 5px;
    color: #666;
}
.icon_cart
{
    background: url(../Images/icon_cart.png) no-repeat left;
    padding-left: 16px;
    margin-right: 5px;
}
.icon_language
{
    background: url(../Images/icon_language.png) no-repeat left;
    padding-left: 16px;
    color: #666;
}

.icon_usa
{
    background: url(../Images/flag_usa.png) no-repeat left;
    padding-left: 18px;
    color: #666;
}
.icon_aust
{
    background: url(../Images/flag_australia.png) no-repeat left;
    padding-left: 18px;
    color: #666;
}

#left .boxNav ul li a
{
    display: block;
    width: 150px;
    height: 22px;
    background: url(../Images/boxnav_bg.png) no-repeat;  
    margin: 0px;
    padding-top: 3px;
    padding-right: 18px;
    text-align: right; 
}
#left .boxNav ul li a:hover
{
    text-decoration: none;
}
#left .boxNav ul li ul li a
{
    background: none;
    border-bottom: 1px dotted #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    color: #333;
    padding-right: 10px;
    width: 156px;
}

#right .boxNav ul li a
{
    display: block;
    width: 150px;
    height: 22px;
    background: url(../Images/boxnav_bg_left.png) no-repeat;  
    margin: 0px;
    padding-top: 3px;
    padding-left: 18px;
    text-align: left; 
}
#right .boxNav ul li a:hover
{
    text-decoration: none;
}
#right .boxNav ul li ul li a
{
    background: none;
    border-bottom: 1px dotted #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    color: #333;
    padding-left: 10px;
    width: 156px;
}

a.btShortBlue
{
    display: block;
    width: 46px;
    height: 22px;
    background: url(../images/button_short_blue_bg.png) no-repeat;
    color: #004485;
    padding-top: 2px;
    padding-right: 20px;
    font-size: 10px;
    text-align: right;
}

a.btShortGrey
{
    display: block;
    width: 46px;
    height: 22px;
    background: url(../images/button_short_grey_bg.png) no-repeat;
    color: #004485;
    padding-right: 20px;
    padding-top: 2px;
    text-align: right;
    font-size: 10px;
}

a.btLongGrey
{
    display: block;
    width: 120px;
    height: 22px;
    background: url(../images/button_long_grey_bg.png) no-repeat;
    color: #004485;
    padding-top: 2px;
    padding-right: 20px;
    text-align: center;
    font-size: 10px;
}

/* rotation pictures style begin*/

.window {
	height:276px;	
	width: 624px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 18px;
	width: 130px; 
	left: 250px;
	height:11px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	font-size: 8px;
}
.paging a {
	padding: 1px 5px 1px;
	text-decoration: none;
	color: #444;
	background: url(../Images/pageoff.png) no-repeat;
	width: 12px;
	height: 12px;
}
.paging a.active {
	font-weight: bold;
	background: url(../Images/pageon.png) no-repeat;
	color: #fff;
}
.paging a:hover {color: #000;}

/* rotation pictures style end */

/* breadcrumb */
#Breadcrumb
{
    margin: 5px 0px;
}
#Breadcrumb a
{
    text-decoration: none;
    margin: 0px 3px;
}


.title3
{
    height: 24px;
    text-align: left;
    padding-left: 10px;
    padding-top:6px;
    padding-right: 10px;
    background: #ccc;
    color: #004992;
    background: url(../images/title3_bg.png) no-repeat;
    width: 604px;
    font-size: 12px;
}
.footer3
{
    height: 26px;
    text-align: left;
    padding-left: 10px;
    padding-top:4px;
    padding-right: 10px;
    background: #ccc;
    color: #004992;
    background: url(../images/footer3_bg.png) no-repeat;
    width: 604px;
    font-size: 12px;
}

.storebox
{
    border: 1px solid #dfdfdf;
    width: 250px;
    margin: 5px;
    float: left;
    padding: 10px;
    background: #fff;
}
.storebox:hover
{
    background: #fffde9;
}
.storebox a
{
}
.storebox a:hover
{
    text-decoration: none;   
}

.price
{
    display: block;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #04aee9;
}


a.tab
{
    display: block; 
    padding: 8px 15px; 
    margin: 0px 2px; 
    color: #000; 
    font-size: 14px; 
    float: left; 
    background: url(../Images/tab_bg.png) repeat-x;
}
a.tabon
{
    display: block; 
    padding: 8px 15px; 
    color: #000; 
    font-size: 14px; 
    float: left; 
    background:#fff;
    border: 1px solid #dfdfdf;
    border-bottom: 1px solid #fff;
}

a.linkbutton1
{
    margin: 5px 0px 0px;
    display: block;
    padding: 5px;
    background: #00AEEF;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
}

a.linkbutton2
{
    margin: 5px 0px 0px;
    display: block;
    padding: 5px;
    background: #999;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
}

#mDiscount
{   
    width: 90px;
    height: 17px;
    padding-top:3px;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    background: #ccc;
}
#mPrice
{
    width: 230px;
    height:30px;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 28px;
    font-weight: bold;
    background: #009dde;
    color: #fff;
}

#mPlanName 
{
    width: 230px;
    height: 30px;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    background: #009dde;
    color: #fff;
}

.panel
{
    border: 1px solid #dfdfdf;
}


.tableTitle
{
    background-image:url(../images/border-dashed.gif);
	background-position:right;
	background-repeat:repeat-y;
	width:97px;
	height: 27px;
	float:left;
	background-color:#e7e3e7;
	text-align: center;
	padding-top:11px;
	font-weight: bold;
}
.tableItem
{
    background-image:url(../images/border-dashed.gif);
	background-position:right;
	background-repeat:repeat-y;
	width: 97px;
	padding: 10px 0px;
	float:left;
	text-align: center;
}
.tableItem2
{
    background-image:url(../images/border-dashed.gif);
	background-position:right;
	background-repeat:repeat-y;
	width: 97px;
	padding: 10px 0px;
	background-color: #f6f6f6;
	float:left;
	text-align: center;
}

.formrow
{
    height: 30px;
}

.tb
{
    border: 1px solid #dfdfdf;
    padding: 2px;
}

.tb:focus
{
    border: 1px solid #333;
    padding: 2px;
    background: #fff9d6;
}
.formsub2
{
    width: 100px;
    float: left;   
}

td
{
    
}

.ftSearch
{
    width: 127x;
    height: 27px;
    background: url(../Images/bgSearch.jpg) no-repeat;
    border: none;
    padding-top: 13px;
    padding-left: 8px;
    font-size: 11px;
    color: #fff;
}

.ftSearchTextBox
{
    background: none;
    border: none;
    color: #fff;   
    width: 130px;
}

.ctleft
{
    width: 226px;
    height: auto;
    float: left;
}

.ctleft_ld
{
    width: 624px;
    height: auto;
    float: left;
}

.ctleft_title_ld
{
    width: 624px;
    height: 27px;
    text-transform: uppercase;
    color: #0c0c0c;
    font-weight: bold;
    padding-top: 8px;
    padding-left: 10px;
}

.ctleft_title_ld_blue
{
    background: url(../Images/left_title_ld_blue.jpg) no-repeat;   
    color: #000000;
}

.ctleft_title
{
    width: 216px;
    height: 27px;
    text-transform: uppercase;
    color: #0c0c0c;
    font-weight: bold;
    padding-top: 8px;
    padding-left: 10px;
}

.ctleft_title_blue
{
    background: url(../Images/left_title_blue.jpg) no-repeat;   
    color: #fff;
}

.ctleft_title_green
{
    background: url(../Images/left_title_green.jpg) no-repeat;   
}


.ctright
{
    width: 390px;
    height: auto;   
    float: left;
    margin-left: 8px;
}

.ctright_title
{
    width: 380px;
    height: 27px;
    text-transform: uppercase;
    color: #0c0c0c;
    font-weight: bold;
    padding-top: 8px;
    padding-left: 10px;
}

.ctright_title_blue
{
    background: url(../Images/right_title_blue.jpg) no-repeat;  
    color: #fff; 
}

.ctright_title_green
{
    background: url(../Images/right_title_green.jpg) no-repeat;   
}
.btContact
{
    margin-left: 4px;
    margin-top: 6px;
}
.swap_value
{
    color: #444;   
}

.stepOn
{
    width: 145px;
    height: 70px;
    padding: 5px;
    background:  #08c;
    float: left;
    margin-right: 4px;
    color: #fff;
}

.stepOff
{
    width: 141px;
    height: 70px;
    padding: 5px;
    background:  #dfdfdf;
    float: left;
    margin-right: 4px;
}

table.cblAccessories
{
    
}

table#cblAccessories tr
{
    height: 150px;   
}

table#cblAccessories td
{
    vertical-align: top;   
}
.bt
{
    border: 2px solid #cedee8;
    background: #187fba;
    color: #fff;
    padding: 3px 5px;
    text-align: center;
}
.CustomizeTable td
{
    padding: 3px;
    text-align: center;
}
.shadow {
    -moz-box-shadow: 3px 3px 4px #666;
    -webkit-box-shadow: 3px 3px 4px #666;
    box-shadow: 3px 3px 4px #666;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#666666');
}

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
    text-align: center;
}
.portalnav
{ 
    height: 34px;
    background: url(../Images/portalnav_bg.jpg);
}
.portalnav li
{
    float: left;
    width: 195px;
}
.portalnav li a
{
    display: block;
    height: 22px;
    text-align: center;
    width: 100%;
    padding: 6px 0px;   
}
.portalnav li a:hover
{
    text-decoration: none;
    color: #fff;
    background: url(../Images/portalnav_over.jpg);
}
a.portalnav_over
{
    color: #fff;
    background: url(../Images/portalnav_over.jpg);
}

.pt{border.-spac