/* 
/***********************************
3DCart Style Sheet 
www.3dcart.com
/***********************************
*/



/***********************************/
/*      CORE DESIGN ELEMENTS       */
/***********************************/



body {
	background-color: #f4f1e4;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #343434;
}

h1 {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;

}

hr {
	border: solid;
	border-color:#ecebeb;
	border-width:thin;
}

.md {
	font-size: 13px;
	font-weight: bold;
}

/* .frame Controls the brown background of the home page */
.frame {
	background-color: #BCBAAF;
}

/* .text Controls the white text on the Dark Brown background on the home page */ 
.text {
	color: #FFFFFF;
}

/* .B_text Controls the Bold text on the Dark Brown background on the home page */ 
.B_text {
	font-size: 12px;
	font-weight: bold;
}

/* .G_text Controls the Bold green text */ 
.G_text {
	font-size: 12px;
	font-weight: bold;
	color: #2a7914;
}
.green {
	color: #2a7914;
}

/* .brown_hdr Controls the Dark Brown Headers of the home page */ 
.D-brown_hdr {
	font-size: 24px;
}

/* .green_hdr Controls the Green Headers */ 
.green_hdr {
	font-size: 24px;
	color: #2a7914;
}

/* .white_hdr Controls the White Bold Headers of the home page */
.white_hdr {
	font-size: 18px;
	font-weight: bold;
}

/* .white_hdr2 Controls the White Bold Headers of the home page */
.white_hdr2 {
	font-size: 16px;
	font-weight: bold;
}

/* .B_bg Controls the Dark Brown Background of the home page content */
.B_bg {
	background-color: #343434;
}

/* .logos_bg Controls the White Background of the logos images (Google Checkout, PayPal, BuySafe... etc.)  */
.logos_bg {
	background-color: #FFFFFF;
}

/* .logos_bg Controls the Tan Background of the logos text (Installation and Setup, Hosted E-commerce Benefits content)  */
.logos-text_bg {
	background-color: #dfded9;
}

/*.copyright Controls the copyright info*/
.copyright {
	font-size: 9px;
	color: #FFFFFF;
	padding-right: 10px;
}

/*.flash_bg Controls the background of the main flash intro*/
.flash_bg {
	background-color: #FFFFFF;
}

/*.pricing-price Controls the font for the pricing */
.pricing-price {
	padding-bottom: 15px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

/*.pricing-price Controls the Base gradient background of the pricing page */
.pricing-bg_Base {
	background-color: #FFFFFF;
	/*background-image: url(../images/gradient-bg_base.gif);*/
	background-repeat: repeat-x;
	background-position: bottom;
}

.repeatBgX
{
	background-repeat: repeat-x;
	background-position: bottom;
}

/*.pricing-price Controls the Top gradient background of the pricing page */
.pricing-bg_Top {
	background-image: url(../images/gradient-bg_top.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* .pricing_bg Controls the Gradient Image & Tan Background of the Pricing page  */
.pricing_bg {
	/*background-image: url(../images/package_bg.gif);*/
	background-position: top;
	background-repeat: repeat-x;
	background-color: #e1e1ca;
}

/* .menu Controls the Left MENU font of the Interior pages  */
.menu {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
}

/* .breadcrumb_Active Controls the breadcrumb of the Current Page being viewed  */
.breadcrumb_Active {
	font-size: 24px;
	color: #FFFFFF;
}

/* .breadcrumb_Parent Controls the breadcrumb of the Parent(s) Page being viewed  */
.breadcrumb_Parent {
	font-size: 18px;
	color: #FFFFFF;
}
A.breadcrumb_Parent {
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
A.breadcrumb_Parent:hover {
	font-size: 18px;
	color: #dad8d2;
	text-decoration: none;
}
A.breadcrumb_Parent:visited {
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
A.breadcrumb_Parent:hover:visited {
	font-size: 18px;
	color: #dad8d2;
	text-decoration: none;
}

/* .selected Controls the way the MENU Links look after a user clicks on them (Background Color) */
li.selected {
	background: #D4D2C6;
}

/***********************************/
/*              LINKS              */
/***********************************/



/*A:: Controls the way the Links look before a user clicks or mouse overs on them*/
A {
	color: #343434;
	text-decoration: underline;
}
/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/
A:hover {
	color: #256b12;
	text-decoration: none;
}
/*A:visited:: Controls the way the  Links look after a user has visited that section*/
A:visited {
	color: #343434;
	text-decoration: underline;
}
/*A:visted:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/
A:visited:hover {
	color: #256b12;
	text-decoration: none;
}


/*A.dark_links:: Controls the way the Links for the Dark Brown Background look before a user clicks or mouse overs on them*/
A.dark_links {
	color: #FFFFFF;
	text-decoration: underline;
}
/*A.dark_links:hover:: Controls the way the  Links for the Dark Brown Background look  when a user passes  their mouse over a them*/
A.dark_links:hover {
	color: #bcbaaf;
	text-decoration: none;
}
/*A.dark_links:visted:: Controls the way the  Links for the Dark Brown Background look after a user has visited that section*/
A.dark_links:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
/*A.dark_links:visted:hover:: Controls the way the  Links for the Dark Brown Background look when a user hovers over a section they have visited*/
A.dark_links:visited:hover {
	color: #bcbaaf;
	text-decoration: none;
}


/*A.frame_links:: Controls the way the Links for the footer bar look before a user clicks or mouse overs on them*/
A.frame_links {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
/*A.frame_links:hover:: Controls the way the  Links for the footer look  when a user passes  their mouse over a them*/
A.frame_links:hover {
	font-size: 9px;
	color: #bcbaaf;
	text-decoration: none;
}
/*A.frame_links:visted:: Controls the way the  Links for the footer look after a user has visited that section*/
A.frame_links:visited {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
/*A.frame_links:visted:hover:: Controls the way the  Links for the footer look when a user hovers over a section they have visited*/
A.frame_links:visited:hover {
	font-size: 9px;
	color: #bcbaaf;
	text-decoration: none;
}


/*A.green_links:: Controls the way the Links for the Demo page look before a user clicks or mouse overs on them*/
A.green_links {
	font-size: 12px;
	font-weight: bold;
	color: #228d04;
	text-decoration: underline;
}
/*A.green_links:hover:: Controls the way the  Links for the Demo page look  when a user passes  their mouse over a them*/
A.green_links:hover {
	font-size: 12px;
	font-weight: bold;
	color: #343434;
	text-decoration: none;
}
/*A.green_links:visted:: Controls the way the  Links for the Demo page look after a user has visited that section*/
A.green_links:visited {
	font-size: 12px;
	font-weight: bold;
	color: #228d04;
	text-decoration: underline;
}
/*A.green_links:visted:hover:: Controls the way the  Links for the Demo page look when a user hovers over a section they have visited*/
A.green_links:visited:hover {
	font-size: 12px;
	font-weight: bold;
	color: #343434;
	text-decoration: none;
}


/*A.whiteLink:: Controls the way the Links for the footer bar look before a user clicks or mouse overs on them*/
A.whiteLink {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/*A.whiteLink:hover:: Controls the way the  Links for the footer look  when a user passes  their mouse over a them*/
A.whiteLink:hover {
	font-size: 11px;
	color: #bcbaaf;
	text-decoration: none;
}
/*A.whiteLink:visted:: Controls the way the  Links for the footer look after a user has visited that section*/
A.whiteLink:visited {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/*A.whiteLink:visted:hover:: Controls the way the  Links for the footer look when a user hovers over a section they have visited*/
A.whiteLink:visited:hover {
	font-size: 11px;
	color: #bcbaaf;
	text-decoration: none;
}


/*A.menu:: Controls the way the Links for the MENU bar look before a user clicks or mouse overs on them*/
A.menu {
	font-size: 12px;
	color: #515151;
	width: 100%;
	display: block;
	line-height: 30px;
	text-decoration: none;
}
/*A.menu:hover:: Controls the way the  Links for the MENU look  when a user passes  their mouse over a them*/
A.menu:hover {
	font-size: 12px;
	color: #515151;
	background:#d4d2c6;
	width: 100%;
	display: block;
	line-height: 30px;
	text-decoration: none;
}
/*A.menu:visted:: Controls the way the  Links for the MENU look after a user has visited that section*/
A.menu:visited {
	font-size: 12px;
	color: #515151;
	width: 100%;
	display: block;
	line-height: 30px;
	text-decoration: none;
}
/*A.menu:visted:hover:: Controls the way the  Links for the MENU look when a user hovers over a section they have visited*/
A.menu:visited:hover {
	font-size: 12px;
	color: #515151;
	background:#d4d2c6;
	width: 100%;
	display: block;
	line-height: 30px;
	text-decoration: none;
}



A.lrg_btn {
	color: #343434;
	font-weight: bold;
	text-decoration: none;
}

A.lrg_btn:hover {
	color: #228d04;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/apply_bg2.gif) repeat-x;
}

A.lrg_btn:visited {
	color: #343434;
	font-weight: bold;
	text-decoration: none;
}

A.lrg_btn:visited:hover {
	color: #228d04;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/apply_bg2.gif) repeat-x;
}




/***********************************/
/*          POSITIONING            */
/***********************************/



/* .demo_pad Controls the padding of the Launch Demo button  */
.demo_pad {
	float: left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 55px;
}

/* .demo_bubble Controls the Speech Bubble image  */
.demo_bubble {
	background-color: #d0cea8;
	background-repeat: no-repeat;
}

/* .demo-login-info Controls the positioning of the text in the Speech Bubble by 3D cart */
.demo-login_info {
	float: left;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

/* .demosite_pad Controls the padding of the text and the demo sites snapshots  */
.demosite_pad {
	padding-bottom: 20px;
}

/*.price_pad Controls the padding of pricing Prices */
.price_pad {
	padding-bottom: 10px;
	padding-top: 10px;
}

/*.pricing-tbl_pad Controls the padding of the 3D cart Packages Table */
.pricing-tbl_pad {
	padding-left: 5px;
	padding-bottom: 8px;
}

/*.pricing-tabs_pad Controls the padding of the 3D cart Packages Tabs */
.pricing-tabs_pad {
	padding-left: 164px;
}

/*.pkg-soltuions-tabs_pad Controls the padding of the 3D cart Packages Tabs */
.pkg-soltuions-tabs_pad {
	padding-left: 145px;
}

/*.pricing-cnt Controls the padding of Pricing page's text content */
.pricing-cnt {
	padding-left: 30px;
	padding-bottom: 15px;
}

/*.breadcrumb_pad Controls the padding of the Breadcrumbs */
.breadcrumb_pad {
	padding-left: 15px;
	padding-right: 5px;
}

.content_pad {
	padding: 15px;
}

.pad_15 {
	padding-left: 15px;
}

.seo_img {
	float: right;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 10px;
}

.left_img {
	float: left;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 10px;
}

.right_img {
	float: right;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 10px;
}

.arrow_img {
	float: left;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 5px;
}

.pkgs-price_pad {
	padding-right: 25px;
}

.contact-bdr_L {
	border: #9f9d9d dotted;
	border-top-width: 0px;
	border-right-width: 0.2em;
	border-bottom-width: 0.2em;
	border-left-width: 0px;
}

.contact-bdr_R {
	border: #9f9d9d dotted;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0.2em;
	border-left-width: 0px;
}

.support-div {
	border: #9f9d9d solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0.1em;
	border-left-width: 0px;
}



/***********************************/
/*          HIGHSLIDE              */
/***********************************/




.highslide {
	/*cursor: url(../highslide/graphics/zoomin.cur), pointer;*/
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
/*.highslide img {
	border: 1px solid gray;
}
.highslide:hover img {
	border: 1px solid white;
}*/

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {
	background: url(../highslide/graphics/controlbar4.gif) no-repeat;
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

select {
	font-size: 11px;
}